React-Hooks的函数 组件方式代替原来的类继承,简化代码风格,好处是大大的;数组
一、useState 用来声明状态变量。要从三方面掌握:声明、读取、使用。(注意:useStae是不能进行条件语句判断的)jsp
二、useEffect 就至关于 类组件中的 componentDidMount、componentDidMount、 componentWillUnmount
ide
解绑只 须要将它第二个参数设置为 [ ];函数
三、父子组件进行传值:useContext 工具
第一步 引入useContext 性能
第二步 建立 createContext() spa
第三步 而后 <xxxContext.Provider>code
四、useReducer 相似 Reducx 的状态管理工具;component
useReducer () 接受两个参数 一个是 状态 state 另一个是 action,用dispatch 触发 这一个动做;继承
五、userMemo 至关于 shouldCompnentUpdate eg:子组件里面定义了一个方法, 父组件去触发一个状态 和子组件里面的方法没有关系,这时候子组件里面的方法被触发了;
其实意思就是有没有被修改,方法都被触发了 ,这样很损耗性能;
六、useRef 获取DOM元素和保存变量;
7.自定义 HOOKS 函数组件
useState 设置状态 变量
useCallback 改变状态的方法
useEffect 监听事件 和 return 里面 解绑事件