React中的生命周期函数

// 组件即将被挂载到页面时执行
componentWillMount() {
  console.log("componentWillMount");
}

// 组件挂载到页面之后执行
componentDidMount() {
  console.log("componentDidMount");
}

// 组件被更新之前执行
shouldComponentUpdate(nextProps, nextState, nextContext) {
  console.log("shouldComponentUpdate");
  return true
}
// 组件被更新之前，但在shouldComponentUpdate之后，返回true才执行
componentWillUpdate(nextProps, nextState, nextContext) {
  console.log("componentWillUpdate")
}
// 组件更新完成之后执行
componentDidUpdate(prevProps, prevState, snapshot) {
  console.log("componentDidUpdate")
}

// 一个组件要从父组件接受参数
// 如果这个组件第一次存在于父组件，不会执行
// 如果这个组件之前已经存在于父组件中，才会执行
componentWillReceiveProps(nextProps, nextContext) {
  console.log("child componentWillReceiveProps")
}
// 当这个组件即将从页面剔除的时候执行
componentWillUnmount() {
  console.log("child componentWillReceiveProps")
}