AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

react为什么调用setState而不是直接改变state

2023-07-11 97
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： react为什么调用setState而不是直接改变state

1性能问题：.    React提倡不可变性，通过setstate()修改state实际上是创建了一个副本用来代替原来的state，这与直接修改原数据有着本质的区别。


2机制：.    setState本质是通过一个队列机制实现state更新的。 执行setState时，会将需要更新的state合并后放入状态队列，而不会立刻更新state，队列机制可以批量更新state


文章标签：
前端开发
关键词：
React Native state
React Native setstate state
React Native setstate
react.js state
react.js setstate
晓同哇哇~
目录
相关文章
六卿
|
4月前
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别，以及React的核心概念，包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
六卿
97 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
六卿
|
4月前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式，包括props和state的使用，以及如何在React组件中使用style样式。
六卿
50 0
听白
|
3月前
|
前端开发 JavaScript 调度
React 组件状态(State)
10月更文挑战第8天
听白
42 1
石小石Orz
|
5月前
|
前端开发
React组件实例更改state状态值（四）
【8月更文挑战第14天】React组件实例更改state状态值（四）
石小石Orz
61 1
React组件实例更改state状态值（四）
石小石Orz
|
5月前
|
前端开发 JavaScript
React组件实例state（三）
【8月更文挑战第14天】React组件实例state（三）
石小石Orz
33 1
React组件实例state（三）
六卿
|
4月前
|
前端开发
React使用hooks遇到的坑_state中的某几个属性数据变成了空字符
本文讨论了在React使用hooks时遇到的一个问题：state中的某些属性数据变成了空字符。作者通过在修改函数中重新解构赋值来获取最新的state值，解决了因数据更新不及时导致的问题。
六卿
97 0
wljslmz
|
5月前
|
存储 前端开发
React 中的 state 和 props 有什么区别？
【8月更文挑战第31天】
wljslmz
67 0
夏天49597
|
6月前
|
存储 前端开发 JavaScript
前端框架与库 - React基础：组件、Props、State
【7月更文挑战第12天】React是JavaScript库，专注UI构建，基于组件化。组件是UI模块，可函数式或类定义。Props是组件间安全传递数据的只读参数，用defaultProps和propTypes保证正确性。State则是组件内部可变数据，用于驱动更新。使用setState()确保正确变更和渲染。了解并妥善处理这些概念是高效React开发的基础。
夏天49597
81 7
kaixin321-44007
|
7月前
|
存储 前端开发 JavaScript
React中有效地使用props和state来管理组件的数据和行为
React中有效地使用props和state来管理组件的数据和行为
kaixin321-44007
44 1
她说她一如既往的爱我
|
7月前
|
前端开发
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么？是同步还是异步？
前端React篇之React setState 调用的原理、React setState 调用之后发生了什么？是同步还是异步？
她说她一如既往的爱我
70 1