React的生命周期
生命周期函数
概念:在程序的运行过程中,会自动执行的函数,被 称为生命周期函数。
而React的生命周期函数则分为三个阶段:
*第一阶段:初始化(挂载或加载)
*第二阶段:更新
*第三阶段:销毁
1, 初始化阶段里有四个生命周期函数:
(1) getDefaultProps()可以设置组件的默认属性;
(2)componentWillMount()是组件将要挂载时触发的函数,只调用一次;
(3)render()是组件在创建虚拟dom,进行diff算法,更新dom树时在此函数中进行;
(4)componentDidMount()是组件挂在完成时触发的函数;
第一步首先是constructor及this.state里的初始数据。
第二步接着是componentWillMount组件将要开始挂载了。
第三步是render解析渲染,render数据都渲染完成,
最后就是componentDidMount组件挂载完成。
代码如下:
import React ,{Component} from 'react'
class TodoList extends Component{
construct