【React】组件的生命周期是什么？

生命周期是指一个物体或者一个概念从诞生到消亡的整个过程。

React组件的生成、更新和删除的过程被称为生命周期。

在React中，这些各个过程被称为如下所示。

生命周期方法是什么？

在React中，每个生命周期过程都有相应的方法供我们调用，这些方法被称为生命周期方法。通过重写这些生命周期方法，我们可以在特定的时刻执行特定的操作。

在React官方提供了一个速查表，总结了在各个时间点上执行的代表性生命周期方法。

React公式的生命周期图

这些生命周期方法是类组件。

useEffect的作用是

这是一个功能，可以在函数组件中将下面的生命周期方法整合起来，而不是在类组件中实现。

• componentDidMount (コンポーネントのマウント直後に呼び出される)

• componentDidUpdate (setStateuでコンポーネントの値が更新された後に呼び出される)

componentWillUnmount (コンポーネントがアンマウントされて破棄される直前に呼び出される)

useEffect 在渲染后和重新渲染时被调用。

useEffect的用法

useEffect的写法如下所示。

useEffect(() => {
	//第一引数
	//ここに記述した処理はレンダリング後に実行される(初回のレンダリング後に必ず実行)

	return () => {
		// クリーンアップ(アンマウント直前)の処理
		// 記述は任意
	}
}, 
	// 第二引数
	// この配列内の変数に変化があった場合のみuseEffectを実行する
	// 空の配列の場合は初回レンダリング後のみ実行
  [変数1, 変数2, …]
)

请提供相关资料。

【React】使用`useEffect`的基本方法、应用技巧和注意事项

【React入门】让初学者～中级者轻松理解和掌握useEffect技巧

副作用钩子的使用方法

使用React Hooks中的useEffect，为函数组件添加生命周期。