// 组件被更新之前，他会自动被执行
  shouldComponentUpdate(){
    console.log('shouldComponentUpdate');
    return true;
  }

  // 组件被更新之前，他会自动执行，但是他在shouldComponentUpdate之后
  // 如果shouldComponentUpdate返回true他才执行，如果返回false就不会执行了
  componentWillUpdate(){
    console.log('componentWillUpdate');
  }

  // 组件更新完成之后，他被自动执行
  componentDidUpdate(){
    console.log('componentDidUpdate');
  }

  // 在組件即將被挂载到页面的时候，自动执行（Mounting）
  componentWillMount(){
    console.log('componentWillMount');
  }

  // 在組件被挂载到页面之后，自动执行（Mounting）
  componentDidMount(){
    console.log('componentDidMount');
  }
  
  // 在組件被移除后，自动执行（Mounting）
  componentWillUnmount(){
    console.log('componentWillUnmount');
  }

  // 条件1：一个组件从父组件接收参数
  // 条件2：如果这个组件第一次存在于父组件中，不会执行
  // 条件3：如果这个组件之前已经存在于父组件中，才会执行
  componentWillReceiveProps(){
    console.log('child componentWillReceiveProps');
  }

  // 当这个组件即将被从页面中剔除的时候，会被执行
  componentWillUnmount(){
    console.log('componentWillUnmount');
  }