react在create-react-app中使用hooks常见注意事项

useState 它的作用就是声明状态变量

useState 注意点：

1. 初始参数只在组件的首次渲染的时候使用，再次更新是会被忽略

2. 每次通过setXxx 修改状态都会引起组件重新渲染

3. useState可以调用多次，每次都是独立的

4. useState只可以在函数组件之内使用，

5. 如果初始值需要计算才能得到，可以使用回调函数的形式来确定初始值

6. useEffect 可以为react组件完成副作用的操作

react中，一个纯函数式组件主要的功能是通过数据渲染UI，剩余的其他的操作都是副作用

1. ajax请求
2. 手动DOM
3. 本地存储

useEffect

useEffect 是在react更新DOM之后运行一些额外的代码，也就是执行副作用操作

依赖项执行机制:

1. 默认状态：首次执行+每次组件更新都执行 useEffect（）函数
2. 添加了一个空的：[] 首次渲染的时候执行，执行一次useEffect（）函数
3. 添加特定的依赖项的：首次执行 + 依赖项发生更新的时候执行useEffect（）函数
   常用的经常练习