react生命周期函数

1.Mounting挂载阶段

• componentWillMount

componentWillMount是在服务端渲染时使用,是组件已经经历过初始化数据后，
还未渲染DOM时

• render

在执行完componentWillMount后，渲染页面

• componentDidMount

组件第挂载完成，可以在这里调用ajax请求，返回数据setState后组件会重新
渲染

2.Updation更新阶段

• shouldComponentUpdate(nextProps,nextState)

控制组件重新渲染的生命周期，由于在react中，setState以后，state发生变化，组件会进入重新渲染的
流程，在这里return false可以阻止组件的更新

• getSnapshotBeforeUpdate(prevProps,prevState)

必须和componentDidUpdate一起用，必须返回一个值，不能和旧版的钩子函数一起使用，目的是为了
返回数据更新前的dom状态

• componentDidUpdate(prevProps,prevState,snapshot)

组件更新完毕后，react只会在第一次初始化成功会进入componentDidmount,之后每次重新渲染后都会
进入这个生命周期，这里可以拿到prevProps和prevState，即更新前的props和state

3.Unmounting卸载阶段

• componentWillUnmount

在此处对组件进行卸载和数据的销毁