React hooks知识总结

使用React 你永远避不开的就是hooks 

 Hook 概览 – React 这里是官方介绍 下面 我会按照自己的理解与总结 介绍Hooks

Hooks

按照官方说法  Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

主要作用 :函数组件提供状态、生命周期等原本 在Class 组件中才提供的功能

注意点 : 

  • Hooks 只能在函数组件中使用

  • 可以理解为通过 Hooks 为函数组件钩入 class 组件的特性

hooks的使用策略:

  1. react没有计划从React中移除class

  2. Hook 和现有代码可以同时工作,你可以渐进式地使用:

    1. 不推荐直接使用 Hooks 大规模重构现有组件

    2. 推荐新功能用 Hooks,复杂功能实现不了的,也可以继续用 class

    3. 找一个功能简单、非核心功能的组件开始使用 hooks

  3. class 组件相关的 API 在hooks中可以不用

    1. state与setState

    2. 钩子函数,componentDidMountcomponentDidUpdatecomponentWillUnmount

    3. `this 相关的法

Hooks之useState

作用:能够使用useState为函数组件提供状态

你可能感兴趣的:(react.js,前端,reactjs)