生命周期

生命周期函数指在某一个时刻组件会自动调用执行的函数;

componentWillMount(){ console.log('1')} 在组件即将被挂载到页面的时刻自动执行

componentDidMount(){console.log('2')} 组件被挂载到页面之后,自动被执行

shouldComponentUpdate(){console.log('3')} 组件被更新之前,他会自动被执行

componentWillUpdate(){console.log('4')} 组件被更新之前,它会自动执行,但是他在shouldComponentUpdate之后,如果shouldComponentUpdate返回true它才执行,如果返回false就不会执行了

componentDidUpdate(){console.log('5')} 组件更新完成之后,他会被执行

componentWillReceiveProps(){console.log('child 6')} 一个组件要从父组件接受参数,只要父组件的render函数被重新执行了(第二次),子组件的这个生命周期函数就会被执行

componentWillUnmount(){console.log('child 7')} 当这个组件即将被从页面中剔除的时候,会被执行

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容