首页 > 其他 > 详细

react生命周期

时间:2020-10-29 19:59:57      阅读:37      评论:0      收藏:0      [点我收藏+]

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

react生命周期

原文:https://www.cnblogs.com/duocaishenghuo/p/13897556.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!