React hooks

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

- hook本质就是JavaScript函数

  - 只在最顶层使用hook，不要在循环、条件或嵌套函数中调用hook

  - 只在react函数中调用hook，不要在普通的JavaScript函数中使用hook

  - 在class内部是不起作用的

- 作用：

  - hook使你在无需修改组件结构的情况下复用状态逻辑

  - hook使你在非class的情况下可以使用更多的react特性

  - Hook 和现有代码可以同时工作，你可以渐进式地使用他们 

- 自定义hook

  - 通过自定义hook，可以将组件逻辑提取到可重用的函数中

  - 自定义hook是一个函数，名称以“use”开头，函数内部可以调用其他的hook

  - 自定义 Hook 是一种自然遵循 Hook 设计的约定，而并不是 React 的特性

  - 自定义 Hook 必须以 “use” 开头

  - 在两个组件中使用相同的 Hook 不会共享 state