美文网首页
web前端|react生命周期函数

web前端|react生命周期函数

作者: Confucianmen大宇 | 来源:发表于2022-07-29 19:11 被阅读0次

    React声明周期的四个阶段

    • Initialization:初始化阶段。
    • Mounting: 挂载阶段。
    • Updation: 更新阶段。
    • Unmounting: 销毁阶段。

    构造函数不算生命周期函数。但是可以看做Initialization阶段,定义属性props和状态state。

    Mounting挂载阶段

    挂载阶段伴随着整个虚拟DOM的生成,里面有三个小生命周期函数。

    • componentWillMount:在组件即将被挂载到页面的时课执行。
    • render:页面state或props发生变化时执行。
    • componentDidMount:组件挂载完成时执行。

    componentwillMount,componentDidMount这两个生命周期函数,只在页面刷新时执行时执行一次,而render函数是只要有state和props变化就会执行。

    shouldComponentUpdate函数

    在跟新前自动执行,返回fales,不会进行跟新,返回true,同意组件跟新。

    componentWillUpdate函数

    在组件跟新组件之前,shouldComponenUpdate之后执行。返回false,该函数就不会执行。

    componentDidUpdate

    在组件更新之后更新,是组件更新的最后一个环节。

    相关文章

      网友评论

          本文标题:web前端|react生命周期函数

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