组件的生命周期

1. 组件的三个生命周期状态:
   Mount：插入真实 DOM
   Update：被重新渲染
   Unmount：被移出真实 DOM
2. 生命周期流程:
   • 第一次初始化显示: ReactDOM.render(, containDom)
     constructor()
     componentWillMount() : 将要插入回调
     render() : 用于插入虚拟DOM回调
     componentDidMount() : 已经插入回调
   • 每次更新state: this.setState({})
     componentWillReceiveProps(): 接收父组件新的属性
     componentWillUpdate() : 将要更新回调
     render() : 更新(重新渲染)
     componentDidUpdate() : 已经更新回调
   • 删除组件: ReactDOM.unmountComponentAtNode(div): 移除组件
     componentWillUnmount() : 组件将要被移除回调
3. 常用的方法
   render(): 必须重写, 返回一个自定义的虚拟DOM
   constructor(): 初始化状态, 绑定this(可以箭头函数代替)
   componentDidMount() : 只执行一次, 已经在dom树中, 适合启动/设置一些监听