React类的生命周期

1、当类组件被传递给 ReactDOM.render() 时，React调用类组件的构造函数，初始化一些参数变量
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }
  
2、React 然后调用 Clock 组件的 render() 方法。这是 React 了解屏幕上应该显示什么内容，然后 React 更新 DOM 以匹配 Clock 的渲染输出。

3、当类的输出插入到 DOM 中时，会调用函数：componentDidMount() ，在里边调用接口获得渲染数据
  componentDidMount(){
      console.log('--------componentDidMount-----------');
  }
  
4、利用this.setState() 函数改变变量值，动态变化
  this.setState({
        date: new Date()
  }); 
 
5、一旦Clock组件被从DOM中移除，React会调用componentWillUnmount()这个钩子函数，做些清理工作
  componentWillUnmount() {
    clearInterval(this.timerID);
  }