重要的 React 生命周期方法是:
- getInitialState(): 用于指定
this.state
的默认值。它在创建组件之前执行。 - componentWillMount(): 在组件渲染到 DOM 之前执行。
- componentDidMount(): 当组件被渲染并放置在 DOM 上时执行。可以进行任何 DOM 查询操作。
- componentWillReceiveProps(): 当组件从父类接收到新的
props
并且在调用另一个渲染之前调用它。如果要更新State
以响应 prop 更改,则应比较this.props
和 nextProps 以使用this.setState()
方法执行 State 转换。 - shouldComponentUpdate():当组件决定对 DOM 进行任何更改/更新时调用它,并根据特定条件返回
true
或false
值。如果此方法返回true
,则组件将更新。否则,组件将跳过更新。 - componentWillUpdate(): 在 DOM 中进行渲染之前调用它。不能通过调用
this.setState()
方法来更改组件状态。如果shouldComponentUpdate()
返回false
,它将不会被调用。 - componentDidUpdate(): 渲染发生后立即调用。在此方法中,可以将任何要在更新发生后执行的代码放入其中。
- componentWillUnmount(): 在组件被永久销毁和卸载之前立即调用它。它用于清理内存空间,例如使定时器失效、事件监听器、取消网络请求或清理 DOM 元素。如果组件实例已卸载,则无法再次安装它。