React Component生命周期函数

最新推荐文章于 2023-01-11 13:53:10 发布

RainGirl_

最新推荐文章于 2023-01-11 13:53:10 发布

阅读量341

点赞数 1

分类专栏： React 文章标签： react 生命周期函数

本文链接：https://blog.csdn.net/RainGirlLivia/article/details/118249666

版权

本文详细探讨了React组件的生命周期，包括挂载、更新、卸载和错误处理四个阶段的关键函数，如constructor、getDerivedStateFromProps、shouldComponentUpdate、componentDidMount、componentDidUpdate等。还提到了错误边界的使用以及如何适当地处理组件的生命周期，以确保性能和正确性。

摘要由CSDN通过智能技术生成

React组件有哪些生命周期函数？类组件才有的生命周期函数，包括ES6语法的class以及create-react-class模块：

分为几个阶段：挂载，更新，卸载，错误处理；

1，挂载：constructor(常用)、static getDerivedStateFromProps、render(常用)、componentDidMount(常用)

constructor是类组件的构造函数，在这可以初始化组件的state或进行方法绑定如：constructor(props){ super(props);this.state={test: 'test'};this.someFn = this.someFn.bind(this);}，否则可以不用显式实现constructor方法；

static getDerivedStateFromProps：在render之前被调用，它可以通过返回一个值改变state如：

static getDerivedStateFromProps(nextProps, prevState){

    if(props.test !== state.test){
        return {state: props.state}; //返回的这部分称为partialState
//这会称为新的state的一部分，nextState将会是_assign({}, prevState, partialState)；
    }

    return null; 
//返回的是null 或undefined，则nextState将是prevState，及不会改变组件的state；
}

；它的目的只有一个，