-
react-updating-state-online-web-sp-000下载
资源介绍
React更新状态
概述
在这段代码中,我们将讨论在React中更新状态并创建一个将根据状态更改其显示内容的组件。
目标
通过使用this.setState()并传入一个对象来更新React中的状态
描述状态更新时会发生什么
解释改变状态和改变道具之间的区别
更新状态
尽管React组件可以具有初始状态,但真正的力量在于更新其状态-毕竟,如果我们不需要更新状态,则该组件不应具有任何状态。状态仅保留给组件中发生更改且在UI中可见的数据。
代替使用this.state直接修改状态,我们使用this.setState() 。这是所有使用状态的React组件可用的功能,并允许我们让React知道组件状态已更改。通过这种方式,组件知道应重新呈现,因为其状态已更改,并且UI也很可能也会更改。像这样使用setter函数非常有效。虽然其他框架(例如Angular.js)使用“脏检查”(连续检查对象中的更改