React-9 生命周期

152 阅读1分钟

React组件在页面上的阶段

生命周期图示

QQ图片20211114120241.jpg

componentDidMount的使用场景

  • 在组件挂载后-插入DOM树中立即调用
  • 依赖于DOM节点的初始化应该放在这里
  • 网络请求获取数据可在此处进行
  • 适合添加订阅/事件监听,但记得在componentWillUnmount里面取消订阅/事件监听

componentWillUnMount的使用场景

  • 在组件卸载以及销毁之前直接调用
  • 在此方法中执行必要的清理操作。如清楚timer,取消网络请求等
  • 不应该在此调用setState,因为该组件将永远不会被重新渲染