ReactJS - 状态管理

状态管理是任何动态应用程序的重要且不可避免的功能之一。React 提供了一个简单而灵活的 API 来支持 React 组件中的状态管理。本章让我们了解如何在 React 应用程序中维护状态。

什么是状态？

状态表示给定实例下 React 组件的动态属性的值。React 为每个组件提供动态数据存储。内部数据表示 React 组件的状态，可以使用组件的 this.state 成员变量来访问。每当组件的状态发生更改时，组件都会通过调用render()方法以及新状态来重新渲染自身。

为了更好地理解状态管理，一个简单的例子是分析实时时钟组件。时钟组件的主要工作是显示给定实例中某个位置的日期和时间。由于当前时间每秒都会发生变化，因此时钟组件应保持当前日期和时间的状态。由于时钟组件的状态每秒都在变化，因此每秒都会调用时钟的render()方法，并且render()方法使用其当前状态显示当前时间。

状态的简单表示如下 -

{ 
   date: '2020-10-10 10:10:10' 
}

让我们在本章后面创建一个新的Clock组件。

这里，