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

React生命周期函数

发布时间:2020-12-15 07:14:22 所属栏目:百科 来源:网络整理
导读:《React与Redux开发实例精解》 componentWillMount:在渲染前调用 componentDidMount:在第一次渲染后调用 componentWillReceiveProps:在组件接收到一个新的prop时被调用。这个方法在第一次渲染时不会被调用。 shouldComponentUpdate:返回一个布尔值。在组

《React与Redux开发实例精解》

componentWillMount:在渲染前调用
componentDidMount:在第一次渲染后调用
componentWillReceiveProps:在组件接收到一个新的prop时被调用。这个方法在第一次渲染时不会被调用。
shouldComponentUpdate:返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。可以在你确认不需要更新组件时使用。
componentWillUpdate:在组件还没有接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。
componentDidUpdate:在组价完成更新后立即调用。在初始化时不会被调用。
componentWillUnmount:在组件从DOM中移除的时候立刻被调用。

React官方文档
组件实例初始化、更新、销毁的过程:
Mounting

These methods are called when an instance of a component is being created and inserted into the DOM:

constructor() componentWillMount() render() componentDidMount()

Updating

An update can be caused by changes to props or state. These methods are called when a component is being re-rendered:

componentWillReceiveProps() shouldComponentUpdate() componentWillUpdate() render() componentDidUpdate()

Unmounting

This method is called when a component is being removed from the DOM:

componentWillUnmount()

(编辑:李大同)

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

    推荐文章
      热点阅读