言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

解决了的问题是：当我们一个函数组件想要有自己维护的state的时候，不得已只能转换成class。这样很麻烦！ 😄1. 重点： useState的初始值，只在第一次有效 我当时反正没有当回事，直到遇到了坑... 🌰2. 举个例子： 😄 1. 就是相当于全局作用域，一处被修改…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

在使用 React 开发的这段时间里，我最大的感受就是 “这是 React 最好的时代，也是最坏的时代” ！「好」在于 hooks 开启了不一样的开发模式，在思考方式上要求更关注于数据之间的依赖关系，同时书写方式更加简便，总体上提升了开发效率；「坏」在于项目中经常是类组件与函数…

基本原理就是使用useContext创建全局状态，useReducer创建dispatch去更新state，主要对dispatch做了封装 组件中哪里需要就引入useModel

理解 useEffect 需要抛弃生命周期这条知识点。 Hooks 设计思想内没有生命周期概念，我认为它更像监听更新的勾子函数。 页面 render 时，执行 useEffect 函数。 获取用户数据并加载。执行1次 修改姓名并保存。执行n次 调用 useState 返回两个值…

当开发者们开始在他们的应用中使用 React Hooks API 时，很多人一开始都会把 useState 作为他们的状态管理工具。 然而，我强烈认为 useReducer 比 useState 更适合做状态管理。 接下来我分别对三点进行阐述。 这篇文章大部分观点只是我的主观看…

本文将介绍 React Hooks 使用中常见的 ”闭包陷阱“的问题，并结合实际的案例来分析原因和提供解决方案。

react 不同组件用法。 react hook 相比以前带来什么。 react hook 的用法。 1. 功能（无状态）组件 2. 类（有状态）组件 3. 渲染组件 容器型组件一般是有状态组件。 4. 高阶组件 HOC 主要是抽离状态，将重复的受控组件的逻辑抽离到高阶组件中，…