1.构造函数------constructor
constructor() {
console.log(‘01构造函数‘);
}
2.组件将要挂载---componentWillMount
//组件将要挂载的时候触发的生命周期函数
componentWillMount(){
console.log(‘02组件将要挂载‘)
}
3.数据渲染-----render
render() {
console.log(‘03数据渲染render‘);
}
4组件将要挂载.------ componentDidMount
//组件挂载完成的时候触发的生命周期函数
componentDidMount(){
//dom操作放在这个里面 请求数据也放在这个里面
console.log(‘04组件将要挂载‘);
}
5.组件销毁------- componentWillUnmount
//组件销毁的时候触发的生命周期函数 用在组件销毁的时候执行操作
componentWillUnmount(){
console.log(‘组件销毁了‘);
}
------组件加载的时候触发的函数:
constructor 、componentWillMount、 render 、componentDidMount
--------------组件数据更新的时候触发的生命周期函数:
shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate
----------你在父组件里面改变props传值的时候触发的:
componentWillReceiveProps
-----------组件销毁的时候触发的:
componentWillUnmount
必须记住的生命周期函数:
*加载的时候:componentWillMount、 render 、componentDidMount(dom操作)
*更新的时候:componentWillUpdate、render、componentDidUpdate
*销毁的时候: componentWillUnmount
原文:https://www.cnblogs.com/duocaishenghuo/p/13897556.html