React-Hooks 学习概览

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

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

相关文章
相关标签/搜索