React 生命周期

Mounting

constructor(props)

static getDerivedStateFromProps(nextProps, prevState)

componentWillMount() / UNSAFE_componentWillMount()

render

componentDidMount

Updating

componentWillReceiveProps() / UNSAFE_componentWillReceiveProps(nextProps)

static getDerivedStateFromProps(nextProps, prevState)

shouldComponentUpdate(nextProps, nextState)

componentWillUpdate() / UNSAFE_componentWillUpdate(nextProps, nextState)

render()

getSnapshotBeforeUpdate(prevProps, prevState)

getSnapshotBeforeUpdate()在最新的渲染输出提交给 DOM 前将会立即调用。它让你的组件能在当前的值可能要改变前获得它们。这一生命周期返回的任何值将会 作为参数被传递给componentDidUpdate()。

componentDidUpdate(prevProps, prevState, snapshot)

Unmounting

componentWillUnmount

Error Handling

componentDidCatch(error, info)

错误边界只捕捉树中发生在它们之下组件里的错误。一个错误边界并不能捕捉它自己内部的错误。