【React】useEffectの基本的な使い方・活用術・注意点 - Qiita

おはこんばんちは、@ちーずです。 アドベントカレンダー3日目にして、すでに毎日記事を書くことの大変さを実感してます 本日のテーマはuseEffectです！ useEffectとは useEffectとは、関数コンポーネントで副作用を実行するためのhookです。 ...と言われてもReactにおける副作用ってなんぞ？ってなりますよね。 Reactのコンポーネントの世界において、副作用はコンポーネントのライフサイクルのことを指します。(多分) ▼ コンポーネントのライフサイクル (クラスコンポーネントにおけるライフサイクルメソッド名を添えて) マウントされる (componentDidMount) 更新される (componentDidUpdate) アンマウントされる (componentWillUnmount) 書き方 // 第一引数: コールバック関数(任意でcleanup関数を返す)