美文网首页
react 生命周期

react 生命周期

作者: 幽幽_默默 | 来源:发表于2020-04-15 18:43 被阅读0次

    参考:https://www.cnblogs.com/erbingbing/p/10211495.html //react 版本迭代

    https://www.jianshu.com/p/2c85958371af

    react的生命周期。分为三个阶段

    1.组件的创建阶段。组件的生命周期函数只执行一次。

    componentWillMount:组件将要被挂载。

    render:第一次开始渲染真正的虚拟DOM,当render执行完。内存中就有完整的虚拟DOM了。

    componentDidMount:组件完成挂载,此时组件已经显示在页面上。

    2.组件运行阶段。根据组件state和props的改变。

    componentWillReceiveProps:组件将要接受新的属性。

    shouldComponentUpdate:组件是否需要进行更新。此时,组件尚未被更新。

    componentWillUpdate:组件将要被更新。

    componentDidUpdate:此时页面被重新渲染。

    render:根据新的state和props重新的渲染内存中的虚拟DOM数。

    3.组件的销毁阶段:

    componentWillUnmount:组件将要被卸载的时候。

    react 周期图示

    相关文章

      网友评论

          本文标题:react 生命周期

          本文链接:https://www.haomeiwen.com/subject/lqlhvhtx.html