易百教程

31、React组件的生命周期方法是什么?

重要的 React 生命周期方法是:

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