跳到主要内容

React hook 详解

· 阅读需 1 分钟
ahKevinXy

Hook 是react 16.8 的新增特性，它可以在不编写class 的情况下使用state 以及其它react 特性

hook 优势​

  • hook 在无需改变组件结构的情况下复用状态逻辑
  • hook 将组件中相互关联的部分拆分成更小的函数
  • hook 在非class 的情况下可以使用更多的react 特性

使用规则​

Hook 就是javascript

  1. 只能在函数外层调用 hook,不要在循环，条件判断或子函数中调用
  2. 只能在react的函数组件和自定义hook中调用hook

useState​

useState 用于在函数组件中调用给组件添加一些内部状态state

const [state,setState] = useState(initialState)