网站建设的进度计划书wordpress 文章 字体

useState

useState 是一个 React Hook，允许函数组件在内部管理状态。
使用方法
let [str,setStr] = useState(‘three’)

useState接受的参数为初始值；返回一个数组

第一个元素：当前的状态值；第二个元素：一个更新该状态的函数。

基础类型：可以直接使用
复杂数据类型：

数组：
在react当中不可以直接修改原数组，所以需要返回一个新数组
常见操作：

1. 添加操作： 避免使用push,unshift; 推荐使用concat,[…Arr]展开
2. 删除操作：避免：pop,shift,splice; 推荐使用filter,slice
3. 替换元素：splice,arr[i]=…替换为map
4. 排序操作：reverse,sort 替换为先把数组复制一份。

对象：

1. {…}
2. Object.assign({},obj,)

useState set函数是异步更新:性能优化
调用set函数会触发组件的重新渲染。