はじめに Reactで副作用を扱うフックにuseEffectがありますが、従来のcomponentDidMountのようにマウント時に1度だけ実行したい場合があります。 公式ドキュメントを読んでも方法が分からなかったので、備忘録をかねて投稿します。 useEffectとは Reactのフックという機能がありますが、その中でも副作用を扱うためのフックです。 副作用とは、 引数以外の要因で返り値が変化する関数 自身の関数の外に影響を与える関数 のような関数のことで、具体的には以下のような処理を伴う関数を指します。 API通信などの外部への通信 DOMの変更 状態の変更 公式ドキュメントでは、以下のような例が記載されています。 useEffectに渡されたコールバック関数内で、DOM(document.title)を変更しています。 import React, { useState, useEf