useState
useState 是一个 React Hook,允许函数组件在内部管理状态。
使用方法
let [str,setStr] = useState(‘three’)
useState接受的参数为初始值;返回一个数组
第一个元素:当前的状态值;第二个元素:一个更新该状态的函数。
基础类型:可以直接使用
复杂数据类型:
数组:
在react当中不可以直接修改原数组,所以需要返回一个新数组
常见操作:
- 添加操作: 避免使用push,unshift; 推荐使用concat,[…Arr]展开
- 删除操作:避免:pop,shift,splice; 推荐使用filter,slice
- 替换元素:splice,arr[i]=…替换为map
- 排序操作:reverse,sort 替换为先把数组复制一份。
对象:
- {…}
- Object.assign({},obj,)
useState set函数是异步更新:性能优化
调用set函数会触发组件的重新渲染。