问题场景 EditableProTable 使用editableFormRef 根据某一个行选择框的枚举值，动态更改该行的校验规则。点击"按比例"，佣金比例必填，固定金额非必填，点击"按金额"，佣金比

自定义hooks 前几章我们已经介绍了React内置的hooks(useState, useEffect, useContext, useReducer, useRef, useMemo, useCa

该文章深入解析三大Hook的优化原理与使用场景，通过生动案例演示如何避免组件无效渲染，提升应用性能。

useCallback useCallback 用于优化性能，返回一个记忆化的回调函数，可以减少不必要的重新渲染，也就是说它是用于缓存组件内的函数，避免函数的重复创建。 为什么需要useCallbac

useDebugValue useDebugValue 是一个专为开发者调试自定义 Hook 而设计的 React Hook。它允许你在 React 开发者工具中为自定义 Hook 添加自定义的调试值

一个优秀的文档是一个开源库中很重要的一环，这一篇使用了rspress配置组件库文档，并且使用文档与组件引用分离的做法，来在文档中展示组件库的内容。

Playground就是在页面上，左侧编码右侧实时编译并且显示内容，好处是不用再切换编辑器了。 类似 vue 的 playground： 原理看看这个： 1.html字符串加入script标签 执行结

# 实现 React 的 Playground（1） # 实现 React 的 Playground（2） # 实现 React 的 Playground（3） vue Playground 前面三章

前言 书接上回，上次定义了组件库整体的色值和less变量， 本次聚焦于实现组件的样式与变体。在不同的状态下，为各种类型的按钮呈现出主色的不同色阶，从而实现丰富多样且一致性强的按钮样式。