react 生命周期钩子函数

Ant Design 组件按需加载

参考资料：https://blog.csdn.net/well2049/article/details/78801228

 react生命周期

 组件优化：

  props

  this.state={
     n:0
  }

   this.setState({

      n:100

})

生命周期钩子:

一、初始化阶段
1.设置默认属性： defaultProps

   //设置默认属性
static defaultProps={
    num:100
}

2.构造器

     constructor() {
           super();
           //初始状态
           this.state={
               comments:[],
               flag:true,
               value:3,
               n:1

           }

        }

3.组件加载之前：componentWillMount

4.render:渲染

5.componentDidMount:可以进行DOM相关的操作和获取后台数据（即ajax）

二、运行阶段

1.componentWillReceiveProps() 组件接收到属性时触发

2、shouldComponentUpdate()  主要用于优化组件

>  当组件接收到新属性，或者组件的状态发生改变时触发。组件首次渲染时并不会触发