React...

React...

1. 生命周期函数

##装载过程
1: constructor(){}

//before render
2: componentWillMount(){
}
//------------rendering------------
3: render(){}
//after render(组件被装载到DOM树)
4: componentDidMount(){
}

##更新过程
1: componentWillReceiveProps(nextProps) {
    /*
    只要是父组件的render函数被调用，
    在render函数里面被渲染的子组件就会经历更新过程，
    不管父组件传给子组件的props有没有改变，
    都会触发子组件的componentWill-ReceiveProps函数。
    */
}

2: shouldComponentUpdate(nextProps, nextState) {
    return true;
    //默认true
    //如果返回false，
    //立刻停止更新过程，
    //不会触发后续的生命周期函数和渲染
}

//before render
3: componentWillUpdate(nextProps, nextState) {
}
//------------rendering------------
4: render(){}
//after render(组件DOM完成更新)
5: componentDidUpdate(prevProps, prevState) {
}