React-Hooks 学习概览

 React-Hooks的函数 组件方式代替原来的类继承，简化代码风格，好处是大大的；

1、useState  用来声明状态变量。要从三方面掌握：声明、读取、使用。（注意：useStae是不能进行条件语句判断的）

2、useEffect   就相当于 类组件中的 componentDidMount、componentDidMount、 componentWillUnmount

解绑只 需要将它第二个参数设置为 [ ];

3、父子组件进行传值：useContext  

第一步 引入useContext

第二步 创建 createContext（）

第三步  然后 <xxxContext.Provider>

4、useReducer  类似 Reducx 的状态管理工具；

useReducer  （） 接受两个参数 一个是 状态 state  另外一个是 action，用dispatch 触发 这一个动作；

5、userMemo  相当于  shouldCompnentUpdate  eg：子组件里面定义了一个方法， 父组件去触发一个状态 和子组件里面的方法没有关系，这时候子组件里面的方法被触发了；

其实意思就是有没有被修改，方法都被触发了 ，这样很损耗性能；

6、useRef 获取DOM元素和保存变量；

7.自定义 HOOKS 函数组件

useState  设置状态 变量

useCallback  改变状态的方法

useEffect 监听事件 和 return 里面 解绑事件

详细 请参考 ：https://jspang.com/detailed?id=50#toc231