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 里面 解绑事件