Skip to main content

useEffect の Dependency Array

  • useEffect の第 2 引数に 監視したい変数を配列で渡す
  • なにも指定しない場合はトリガが限定されないので、余分に実行される可能性あり
tsx
export default function Xxxx(): ReactNode {
...
useEffect(() => {
if (!isMobile) return;
try {
(window.adsbygoogle = window.adsbygoogle || []).push({});
} catch (e) {
console.warn('AdSense push failed:', e);
}
}, [isMobile]); // ← ★ これは isMobile が変更された場合だけ動作する、ための指定
  • 初回マウント時(=最初の描画)にもこの useEffect は呼ばれる