2025年reactd之类组件生命周期

reactd之类组件生命周期在 react 中只有类组件有生命周期 函数组件是没有滴 一 初始化 1 static getDerivedSt return 2 render 3 componentDid 可以在这个生命周期内进行异步请求 适用于只执行一次的异步请求

大家好,我是讯享网,很高兴认识大家。

在react中只有类组件有生命周期,函数组件是没有滴

一、初始化

1.static getDerivedStateFromProps(){

    return{

 

   }

}

2.render()

3.componentDidMount(){

    可以在这个生命周期内进行异步请求,适用于只执行一次的异步请求,如果异步请求执行不止一次,每次相关状态跟新的时候也要发送请求,这个时候就要利用运行生命周期中的第一个和最后一个生命周期函数结合实现

这个生命周期还可以绑定事件,写订阅函数,注册计时器

}

组件一经被创建,依次执行上述生命周期,除了第一个外,其余的只执行一次,因为第一个是新生命周期,替代了之前的componentWillMount()和更新阶段的componentWillReciveProps(nextProps,nextState),每当组件更新状态的时候都会执行这个生命周期1

二、运行中

1.static getDerivedStateFromProps(nextProps,nextState){

    return {


讯享网

    }

}

2.shouldComponentUpdate(nextProps,nextState)

这个生命周期是也是性能优化函数

3.render()

4..getSnapshotBeforeUpdate(prevProps,prevState){

    return val

}

5.componentDidUpdate(nextProps,nextState,value){

    这里的第三个参数是上一个生命周期return中的值,进行后续业务逻辑

}

三、销毁阶段

comoonentWillUnmount(){

    组件被销毁的时候自动执行这个生命周期,销毁绑定的事件或者是定时器

}

小讯
上一篇 2025-03-20 19:00
下一篇 2025-01-27 20:10

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/71086.html