生命周期
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 版本之后,某些生命周期方法被标记为已弃用,建议使用新的生命周期方法来替代它们。