mizulba12日前 00自動入力useEffectの無限再実行・再投入を防ぐにはトリガー条件のキーで制御するReactフロントエンドuseEffectで条件を満たしたときに値を自動設定する処理は、値が変わるたびにeffectが再実行され、ユーザーがクリア/変更した直後に再投入される問題が起きやすい。対策として、自動設定の「発火元となる条件(依存する親の状態や候補)」からキーを作り、refに保持して同じキーでは一度だけ実行する。さらに初回マウント時に実行されないよう、初回はキーを記録するだけにして、条件が変化したときだけ自動設定する。