当前位置: 首页 > article >正文

reacct hook useState

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函数会触发组件的重新渲染。


http://www.kler.cn/a/557741.html

相关文章:

  • Linux 在云计算中的应用有哪些?
  • Flutter 启动优化
  • Part 3 第十二章 单元测试 Unit Testing
  • 二叉树-翻转二叉树
  • Spring Boot项目@Cacheable注解的使用
  • 探索YOLO技术:目标检测的高效解决方案
  • ChatGPT平替自由!DeepSeek-R1私有化部署全景攻略
  • vue3 采用xlsx库实现本地上传excel文件,前端解析为Json数据
  • 【Java高级篇】——第16篇:高性能Java应用优化与调优
  • 07.Docker 数据管理
  • ok113i平台——qt+tslib支持usb触摸屏热插拔功能实现
  • 3.Docker常用命令
  • 深入解析设计模式之单例模式
  • DeepSeek与AI幻觉
  • LlamaIndex中使用本地LLM和Embedding
  • 图表控件Aspose.Diagram入门教程:使用 Python 将 VSDX 转换为 PDF
  • QEMU源码全解析 —— 内存虚拟化(17)
  • LeetCode 热题 100 283. 移动零
  • 【JT/T 808协议】808 协议开发笔记 ② ( 终端注册 | 终端注册应答 | 字符编码转换网站 )
  • 软件集成测试的技术要求