React 生命周期

 组件加载的时候触发的函数： 

    constructor 、componentWillMount、 render 、componentDidMount (dom操作,请求数据)

组件数据更新的时候触发的生命周期函数：

    shouldComponentUpdate(nextProps, nextState) 是否要更新数据,接收两个参数,return true;才会执行更新数据操作

    componentWillUpdate、render、componentDidUpdate

父组件里面改变props传值的时候触发的：

    componentWillReceiveProps

组件销毁的时候触发的：

    componentWillUnmount

16.3 以后生命周期有以下修改 官方文档

componentWillMount             ==>        UNSAFE_componentWillMount

componentWillReceiveProps  ==>        UNSAFE_componentWillReceiveProps

componentWillUpdate            ==>        UNSAFE_componentWillUpdate

新增两个生命周期函数

static getDerivedStateFromProps(props, state)    会在调用 render 方法之前调用, 并且在初始挂载及后续更新时都会被调用, 它应返回一个对象来更新 state,如果返回 null 则不更新任何内容

getSnapshotBeforeUpdate(prevProps, prevState)    在最近一次渲染输出(提交到 DOM 节点)之前调用, 它使得组件能在发生更改之前从 DOM 中捕获一些信息(例如, 滚动位置)此生命周期的任何返回值将作为参数传递给 componentDidUpdate()