useEffect とは
useEffect は、コンポーネントの副作用（API 呼び出し、購読など）を扱うための Hook です。
import { useEffect, useState } from "react";
function UserProfile({ userId }) {
const [user, setUser] = useState(null);
useEffect(() => {
fetch(`/api/users/${userId}`)
.then(res => res.json())
.then(setUser);
}, [userId]);
return user ? <div>{user.name}</div> : <div>Loading...</div>;
}クリーンアップ
useEffect(() => {
const subscription = subscribe();
return () => subscription.unsubscribe();
}, []);