生命周期 ​

componentWillMount(){
  console.log('将要渲染');
}

componentDidMount(){
  console.log('渲染完成');
}

componentWillReceiveProps(newProps){
  console.log(newProps,'父组件传过来的新值');
}

shouldComponentUpdate(newProps,newState){
  console.log(newProps,'父组件更改的新值');
  console.log(newState,'新state');
  console.log(this.state,'旧的state');
  console.log('组件是否更新');
  return true // 返回 false 则不更新
}

componentWillUpdate(){
  console.log('即将更新');
}

componentDidUpdate(){
  console.log('更新完成');
}

componentWillUnmount(){
  console.log('移除DOM前');
}