react 生命周期

react 生命周期

react 钩子函数/react 生命周期回调函数

---

一览

组件将要挂载的钩子

>>~~~~ ~~~~componentWillMount~~~~()

组件挂载完毕的钩子

componentDidMount()

组件将要卸载的钩子

 componentWillUnmount()

• 

初始化渲染、状态更新之后的钩子

render()

**控制组件更新的“阀门”的钩子。****不写默认为返回 true**

shouldComponentUpdate()

• 使用forceUpdate(),可以强制更新，跳过更新阀门。就算不改变数据，也可更新一下。
• 

组件将要更新的钩子

>>componentWillUpdate~~~~()

组件更新完毕的钩子

>>componentDidUpdate()

子组件将要接收新的 props 的钩子，就是第一次接收到 props 不回调这个钩子。

>>componentWillReceiveProps~~~~(props)

---

生命周期（旧版）

---

生命周期（新版）

–废弃（弃用，不推荐了）了 3 个钩子

• componentWillReceiveProps * componentWillUpdate
• componentWillMount

** **

–要使用需要   添加前缀 UNSAFE_   并不是不安全的意思。只是为了避免后面更新，这些钩子会带来 bug

–添加了两个钩子   但不常用

• getDerivedStateFromProps(props,state)

  • 从 props 得到一个派生的状态。此钩子适用于一种罕见的用例：就是 state 的值任何时候都取决于 props 才使用。 反正就是很鸡肋
  • 需要用 static 定义为类属性
  • 必须有返回值，null 或者 state 对象(props)

• getSnapshotBeforeUpdate()

  • 更新完毕(componentDidUpdate)前的快照。该钩子的返回值就是 componentDidUpdate(更新完毕)钩子的第三个参数。
    • 

---

总结