加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React生命周期总结

发布时间:2020-12-15 20:24:45 所属栏目:百科 来源:网络整理
导读:React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。 分为三个阶段,分别是 装载 Mounting 更新 Updating 卸载 Unmounting 1. 钩子说明 1.componentWillReceiveProps mounted的组件接收新的props的时候,被调

React的生命周期总共8个钩子,三个will,两个Did,一个RecciveProps,一个ShouldUpdate,一个render。
分为三个阶段,分别是

装载 Mounting
更新 Updating
卸载 Unmounting

1. 钩子说明

1.componentWillReceiveProps

mounted的组件接收新的props的时候,被调用,参数是新的props。可以在其中比较新的props和this.props,从而执行修改state等操作

2.shouldComponentUpdate

mounted的组件接收到新的state和props后,判断是否有必要更新组件。可以通过新的props和新state对象和
this.props和this.state比较,来决定是否更新DOM结构。返回true更新,false不更新。

3.componentWillUpdate

组件更新前调用

4.componentDidUpdate

组件更新后调用

5.componentWillUnmount

组件销毁前执行一项操作,例如清除定时器,解绑事件等

6.getDefaultProps

并不是获取props的默认值,而是设置默认的props,此方法返回一个对象,设置props的默认值,如果父组件没有给某个prop那就用默认的

7.getInitialState

并不是获取组件的初始状态,而是设置初始的state,此方法返回一个对象,设置组件mount以后的初始state

?

?

参考:http://www.cnblogs.com/liulixiang/p/5002469.html

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读