react 组件的生命周期 --- --- 卸载阶段

说明

  • 使用 reactDOM.unmountComponentAtNode() 函数进行卸载
  • 使用 componentWillUnmount() 组件卸载是触发的函数
    react 组件的生命周期 --- --- 卸载阶段_第1张图片
  • 官方文档

使用

卸载

<button onClick={()=>{reactDOM.unmountComponentAtNode(document.getElementById("root"))}}>卸载组件</button>

触发时的事件

  componentWillUnmount(){
    console.log("componentWillUnmount...")
  }

效果展示
react 组件的生命周期 --- --- 卸载阶段_第2张图片

使用场景

  • 组件卸载的时候触发
  • 比如:定义了一个定时器,如果你不关闭的时候它会一直执行,可以在卸载的时候顺便关闭

你可能感兴趣的:(react)