大家好，我是小杜杜，俗话说的好，工欲善其事必先利其器，什么意思呢？就是说你想玩转React就必须知道React有什么，无论是否运用到，首先都要知道，提升思维广度～

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

由于 React的JSX语法 ，能在React中使用样式的方式有很多，这里主要介绍在React中经常使用CSS样式的五种方法。主流推荐CSS Modules和Styled Components。

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

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

一个人并不是生来要给打败的，你尽可以把他消灭掉，可就是打不败他。 JSX中，可以使用花括号{}嵌入任意的JavaScript合法表达式，如：2 + 2、user.firstName、formatName(user)都是合法的。示例如： JSX本身也是一种表达式，所以它可以像其他…

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…