react生命周期

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

posted @ 2020-10-29 16:41  做个人把  阅读(103)  评论(0)    收藏  举报