Next.js ページのレンダリング時に関数を実行する

ツイート
2021年09月11日
2021年09月12日

ドキュメント

useEffectは、コンポーネントがレンダリング後に何かを行う必要があることをReactに伝えます。

実装

レンダリング時に一度実行する

jsx
useEffect(() => { someFunc(); // 実行 }, []);

値が入ってきた時に、実行する

jsx
const { data: user, error } = useSWR('/api/user'); // userが存在すれば実行する useEffect(() => { someFunc(); // 実行 }, [user]);