youngeffort

入 px ，会很麻烦。为了提高效率，React 会自动对这样的属性添加 px 。比如： CSS Modules 的命名规范是从 BEM 扩展而来的。BEM 把样式名分为 3 个级别，具体如下 所示。 Block：对应模块名，如 Dialog。 Element：对应模块中的节点名…

可以通过在初始 state 中设置表单的默认值。 每当表单的值发生变化时，调用 onChange 事件处理器。 事件处理器通过合成事件对象 e 拿到改变后的状态，并更新应用的 state。 setState 触发视图的重新渲染，完成表单组件值的更新。 在 React 中，数据是…

准的兼容性问题。 注意：React 并不会像 DOM0 级事件那样将事件处理器直接绑定到 HTML 元素之上。React 仅仅是 在 React 底层，主要对合成事件做了两件事：事件委派和自动绑定。 听器上维持了一个映射来保存所有组件内部的事件监听和处理函数。当组件挂载或卸载时…

先了解用法（即目的），了解需要提供的api，然后再开始研究怎么输出这些api供用户调用antd官网tabs组件antdgithubtabstypescript中文网

该方法把元素挂载到 container 中，并且返回 element 的实例（即 refs 引用）。当然，如果 是无状态组件， render 会返回 null 。当组件装载完毕时， callback 就会被调用。 DOM diff 算法做局部的更新。这也是 React 最大的亮…

React 组件的生命周期根据广义定义描述，可以分为挂载、渲染和卸载这几个阶段。 但组件只渲染一次。因此，这是无意义的执行，初始化时的 state 都可以放在 this.state 。 新，不过在初始化过程就渲染了两次组件，这并不是一件好事。但实际情况是，有一些场景不得 再次渲…

当组件内部使用库内置的 setState 方法时，最大的表现行为就是该组件会尝试重新渲染。 道就是 props。 props 本身是不可变的。当我们试图改变 props 的原始值时，React 会报出类型错 误的警告，组件的 props 一定来自于默认属性或通过父组件传递而来。…

狭义上的组件，又称为 UI 组件，比如 Tabs 组件、Dropdown 组件。组件主要围绕在交互动作上的抽象，针对这些交互动作，利用 JavaScript 操作 DOM 结构或 style 样式来控制。 广义上的组件，即带有业务含义和数据的 UI 组件组合。这类组件不仅有交互…