导入
简介
了解 React 中的状态和生命周期方法。
我们将简要了解状态(state)和生命周期方法。
状态
组件可以:
- 持有
- 管理
- 更改自身的 状态(state)。
但当组件内的状态发生变化时,总是会触发该组件的重新渲染。这种行为可以通过使用 PureComponent 来避免,在某些场景下这可能非常有用。不过,基本逻辑保持不变。
...
状态变化触发重新渲染
依赖状态来更新界面非常有用,这意味着我们不再需要手动调用 ReactDOM.render() 来刷新界面,组件能够独立管理自身的重新渲染。
生命周期方法
状态与 生命周期方法 紧密相关。这些方法是类组件中可选的一些函数,会在不同时间点或不同使用场景下调用。例如,组件首次挂载时、接收到新的属性(props)时,或组件内部状态发生改变时,都可以触发相应的生命周期方法。
...
生命周期方法概览
从 React 16.8.0 开始,函数组件也可以通过 Hooks 来管理自身状态,并且 Hooks 还能响应特定的生命周期事件。