react 生命周期

// react生命周期(旧版)
// 1.初始化阶段:
 constructor()
 componentWillMount()   // 将要挂载到dom节点中 只会执行一次(最后一次修改状态的机会)
 render()
 componentDidMount() // 已经挂载到dom节点中 只会执行一次   可做数据请求等
			
// 2.更新阶段:
 shouldComponentUpdate(nextProps, nextState) // 性能优化 return true和false 用来控制要不要刷新当前组件
 componentWillUpdate()  // 将要更新
 render()
 componentDidUpdate(prevProps, prevState) // 更新完成
			
// 3.卸载:
 componentWillUnmount()

// react生命周期(新版)
// 1.初始化阶段:
constructor()
getDerivedStateFromProps()
getDerivedStateFromProps // 这个生命周期的意思就是从props中获取state，这个生命周期替换了原有的生命周期函数componentWillReceiveProps;getDerivedStateFromProps它是一个静态函数，也就是说不能通过this来访问class的属性，也不推荐直接访问属性。而是通过参数提供的nextPros以及prevState来进行判断，根据新传入的props来映射state。
// 注意：如果传入的props不影响state，则必须返回一个null，一般尽量写在末尾
render()
componentDidMount()
			
// 2.更新阶段:
getDerivedStateFromProps()
shouldComponentUpdate()
render()
getSnapshotbBeforeUpdate()
componentDidUpdate()
			
// 3.卸载
componentWillUnmount()