郭仙人不是闲人

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

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

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

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