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

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

相关文章:

  • RT-Thread+STM32L475VET6——icm20608传感器
  • Maven 基础环境搭建与配置(一)
  • 固态电容寿命
  • 【Java学习】抽象类与接口
  • 14.5 基于LangChain重构Auto-GPT:新一代自主智能体架构设计实践
  • Deepseek存算分离安全部署手册
  • Baklib革新数字化内容管理流程安全策略
  • Git常见命令--助力开发
  • 论文绘图工具
  • 【多模态处理篇八】【DeepSeek增强现实:AR导航实时推理优化】
  • Vue 不同大版本与 Node.js 版本匹配的详细参数
  • 蓝桥杯真题 - 缴纳过路费 - 题解
  • 【Agent的革命之路——LangGraph】工作流中的 Command 模式
  • 【C语言】(一)数据在计算机中的存储与表示
  • 解决Excel文件格式损坏问题:如何通过程序读取并复制内容
  • MySQL 中的索引数量是否越多越好?
  • hot100_139. 单词拆分
  • Linux-Ansible模块进阶
  • 【我的Android进阶之旅】Android Studio SDK Update Site 国内的腾讯云镜像配置指南
  • 【Arduino小项目】控制步进电机
  • 明天起,沪苏湖高铁、杭温高铁推出13款新型票制产品
  • 债券市场“科技板”来了:哪些机构能尝鲜,重点支持哪些领域
  • 中方对原产印度进口氯氰菊酯实施反倾销措施,商务部回应
  • 澳大利亚工党可以靠“回避”胜选,但继续执政需要更多勇气
  • 五角大楼要裁一批四星上将
  • 客场不敌蓉城遭遇联赛首败,申花争冠需要提升外援能力