React-useState

useState基础使用

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

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

useState修改状态的规则

状态不可变

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

修改对象状态

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

相关推荐
韩曙亮2 分钟前
【Web APIs】浏览器本地存储 ① ( window.sessionStorage 本地存储 | window.localStorage 本地存储 )
服务器·前端·javascript·本地存储·localstorage·sessionstorage·web apis
吃杠碰小鸡5 分钟前
前端Mac快速搭建开发环境
前端·macos
qq_529599387 分钟前
reactnative获取经纬度 获取此地信息 @react-native-community/geolocation
javascript·react native·react.js
工藤学编程8 分钟前
零基础学AI大模型之旅游规划智能体之react_agent实战
人工智能·react.js·旅游
前端大波9 分钟前
使用webpack-bundle-analyzer 对 react 老项目进行打包优化
前端·react.js·webpack·性能优化
前端 贾公子16 分钟前
(catalog协议) == pnpm (5)
前端·javascript·react.js
JarvanMo20 分钟前
深度解析:如何彻底终结 Flutter 异步操作中的 BuildContext 崩溃?
前端
wxr061625 分钟前
部署Spring Boot项目+mysql并允许前端本地访问
前端·spring boot·mysql·持续部署
假装我不帅31 分钟前
jquery-validation使用
前端·javascript·jquery
怕浪猫36 分钟前
React从入门到出门第六章 事件代理机制与原生事件协同
前端·javascript·react.js