React-useState

useState基础使用

useState是一个React Hook(函数),它允许我们向组件添加一个状态变量,从而控制影响组件的渲染结果

本质:和普通JS变量不同的是,状态变量一旦发生变化组件的视图UI也会跟着变化(数据驱动视图)

useState修改状态的规则

状态不可变

在React中,状态被认为是只读的,我们应该始终替换它而不是修改它,直接修改状态不能引发试图更新

修改对象状态

规则:对于对象类型的状态变量,应该始终传给set方法一个全新的对象来进行修改

相关推荐
VOLUN8 分钟前
PageLayout布局组件封装技巧
前端·javascript·vue.js
掘金安东尼8 分钟前
React 的 use() API 或将取代 useContext
前端·javascript·react.js
牛马喜喜9 分钟前
记录一次el-table+sortablejs的拖拽bug
前端
一枚前端小能手13 分钟前
⚡ Vite开发体验还能更爽?这些配置你试过吗
前端·vite
anyup29 分钟前
🔥 🔥 为什么我建议你使用 uView Pro 来开发 uni-app 项目?
前端·vue.js·uni-app
Skelanimals30 分钟前
Elpis全栈框架开发总结
前端
蓝胖子的小叮当34 分钟前
JavaScript基础(十三)函数柯里化curry
前端·javascript
孪创启航营38 分钟前
数字孪生二维热力图制作,看这篇文章就够了!
前端·three.js·cesium
宫水三叶的刷题日记41 分钟前
真的会玩,钉钉前脚辟谣高管凌晨巡查工位,小编随后深夜发文
前端·后端·面试
zzywxc7871 小时前
AI 行业应用:金融、医疗、教育、制造业领域的落地案例与技术实现
android·前端·人工智能·chrome·金融·rxjava