react生命周期

生命周期

React 组件的生命周期可以分为三个阶段：挂载阶段、更新阶段和卸载阶段。每个阶段都有对应的生命周期方法可以被调用，我们可以在这些方法中执行一些操作。

以下是一个生命周期方法的简单示例：

import React, { Component } from "react";
class MyComponent extends Component {
  componentDidMount() {
    console.log("Component has been mounted!");
  }
  componentWillUnmount() {
    console.log("Component will be unmounted!");
  }
  render() {
    return <div>Hello, World!</div>;
  }
}

在上面的例子中，componentDidMount 方法会在组件挂载后被调用，componentWillUnmount 方法会在组件卸载前被调用。当组件挂载到页面上时，控制台就会输出 "Component has been mounted!"，当组件卸载时则会输出 "Component will be unmounted!"。

生命周期方法可以用来执行一些操作，例如请求数据、添加/移除事件侦听器等。但是需要注意的是，在 React 16.3 版本之后，某些生命周期方法被标记为已弃用，建议使用新的生命周期方法来替代它们。