3.1 React 生命周期函数(新)(16.8)

 React16.8之后。

1废弃了3个will (钩子)

最重要的三个:render, componentDidMount,componentWillUnMount。。。。

所有will先关的都要+上UNSAFE ,除了unmount。

挂载 : willMount,父组件rendner,willReceiceProps , will Update.

异步渲染!!过时的生命周期 会带来不安全(并不是不安全的),误解和滥用!!!

尤其是异步渲染,会更滥用和误解!!!

+UNSAFE_ unsafe并不是安全性,以后会引发很麻烦的事情!!!

2 添加了2个钩子( )

//若state的值任何时候都取决于 props,没有啥太大意义!!!

get derived state From Props

drive驾驶 derive起源。derive派生的。

get Snapshot beforeUpdate

snapshot:快照。在更新前保存快照!

挂载!更新! 卸载!

挂载:

  1 constructor

  2 不在有挂载的那个人了!

  3 render

  4 componentDidMount()

更新阶段: 内部this.setSate()或者父组件更新render触发

  1· get

  2shu

  3 render()

  4 快照

  5 componentDidUpdate

卸载组件:

  1. componentWillUnmount

 1最终的3个钩子!

render:初始化渲染或者更新渲染使用

componentDidMount:开启监听,发送ajax请求(出生完毕的那一天!) 

componentWillUnmount:做一些收尾的工作,清理定时器。(乘风过去的那一天老的那一天!)

2 即将废弃的钩子:3个will 

下一个版本需要加上UNSAFE_前缀才能使用,以后可能会被彻底废弃!!!

3 新增了2个!!!

原文地址:https://www.cnblogs.com/hacker-caomei/p/14345684.html