刚敲完vue的生命周期,现在来敲敲react的生命周期,当然生命周期只针对类组件(我很不常用类组件)。
raect生命周期(v16之前)
- initialization(初始化阶段)
- mounting(挂载阶段)
- updation(更新阶段)
- unmounting(卸载阶段)
1.initialization(初始化阶段)
自然是创建一个类,然后创建构造函数了
这里看一下,我们创建了Hello类并继承了React.Component这个基类,如果不继承的话,函数都没有,就没有接下来所有的生命周期了。然后我们看构造函数constructor(props),传入一个来自父组件的props,也叫接口,这样子组件就可以读取来自父组件的值了。当然,我们还可以在构造函数里面去设定state,子组件里所有的数据都存放在这里,但记住,this.state=必须是一个object类型或是null(你不定义也没关系)。这样咱们的初始化就完成了。
2.mounting(挂载阶段)
挂载阶段里面有3个阶段,先后顺序是
- componentWillMount(组件挂载前)
- rende