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

原文地址:https://www.cnblogs.com/xsx123-/p/12459318.html