首页 > 其他 > 详细

react生命周期

时间:2021-07-08 10:22:33      阅读:18      评论:0      收藏:0      [点我收藏+]

挂载阶段的生命周期函数:

挂载过程在组件渲染过程中只出现一次

1.counstructor:(在挂载时被调用一次,可以对this.state进行初始化)

2.componentWillMount(一般进行初始化操作,但是存在风险)

3.render(不会操作真实DOM,会把需要渲染的内容返回回来)

4.componentDidMount(在渲染结束后触发,此时真实DOM已经被挂载到页面上,可以进行操作相关真实DOM,可以进行异步请求)

componentWillReceiveProps(nextProps),其中nextProps表示接受到的新props,现有的props可以通过this.props拿到

这个方法的触发不是通过props的变化,而是通过父组件的更新

更新阶段的生命周期函数:

卸载阶段的生命周期函数:

componentWillUnmount:组件在父组件中被移除了

react生命周期

原文:https://www.cnblogs.com/best-mll/p/14983939.html

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