郭仙人不是闲人

不要在循环、条件或是嵌套函数中调用Hook;因为React在为组件每次渲染时，保存和读取数据是依赖Hook的执行按顺序来进行的。Hooks会记录下调用的次序以及入参和出参，一旦顺序出错，那么在再次渲染时对应的返回值就会出现问题。 不要在普通的JS函数中调用Hook。Hook只能…

调用 legacyCreateRootFromDOMContainer(contaiber,forceHydrate) 初始化 root。 将 root 赋值给 container._reactRootContainer,取出 root 中的_internalRoot 作为 f…

Context 提供了一个无需为每层组件手动添加 props，就能在组件树间进行数据传递的方法。 创建一个 Context 对象。 当 React 渲染一个订阅了这个 Context 对象的组件，这个组件会从组件树中离自身最近的那个匹配的 Provider 中读取到当前的 co…

1、组件化定义整个逻辑其实可以看做一个整体，那么我们就可以将其封装成一个组件：我们说过ReactDOM.render第一参数是一个HTML原生或者一个组件；所以我们可以先将之前的业务逻辑封装到一个组件

当组件的 props 或 state 发生变化时会触发更新。组件更新的生命周期调用顺序如下： render函数并不会向dom中插入元素，实际上render只是返回jsx结构，或者是数组，字符串等数据，最终由ReactDOM.render渲染到dom中。 注意：在自定义的类组件中…

在React 中，可变状态（mutable state）通常保存在组件的state 属性中，并且只能通过使用setState()来更新。 由于在表单元素上设置了value属性，因此显示的值将始终为this.state.value，这使得React 的state 成为唯一数据源。…

如果一个属性不可配置（configurable）且不可写（writable），则 Proxy 不能修改该属性，否则通过 Proxy 对象访问该属性会报错。 如果一个属性不可配置（configurable）且不可写（writable），则 Proxy 不能修改该属性，否则通过 P…

将实例化操作进行单独封装,可以将内部实现细节进行封装，外部只需要调用，而不考虑具体实现。 实例化对象的原型不是创建类，而是创建对象调用的内部封装类。

对于同一个类需要频繁且初始化消耗性能较大时可以考虑单例模式，来节省初始化消耗的性能。