Logo
Section 1 / 8

简介

了解 React 中的状态和生命周期方法。

导入

简介

了解 React 中的状态和生命周期方法。

我们将简要了解状态(state)和生命周期方法。

状态

组件可以:

  1. 持有
  2. 管理
  3. 更改自身的 状态(state)。

但当组件内的状态发生变化时,总是会触发该组件的重新渲染。这种行为可以通过使用 PureComponent 来避免,在某些场景下这可能非常有用。不过,基本逻辑保持不变。

...
状态变化触发重新渲染

依赖状态来更新界面非常有用,这意味着我们不再需要手动调用 ReactDOM.render() 来刷新界面,组件能够独立管理自身的重新渲染。

生命周期方法

状态与 生命周期方法 紧密相关。这些方法是类组件中可选的一些函数,会在不同时间点或不同使用场景下调用。例如,组件首次挂载时、接收到新的属性(props)时,或组件内部状态发生改变时,都可以触发相应的生命周期方法。

...
生命周期方法概览

从 React 16.8.0 开始,函数组件也可以通过 Hooks 来管理自身状态,并且 Hooks 还能响应特定的生命周期事件。

React 中元素与组件的渲染

我们的第一个有状态组件