正解: template.tsxを使って遷移ごとに子要素を再マウントさせるlayout.tsxは配下のページ遷移で保持されるため、状態を維持したい共通UIに向いています。一方template.tsxはナビゲーションごとに新しいインスタンスが作られるため、フォームやアニメーションを遷移のたびに初期化したい場合に使えます。補足: 何でもtemplateにすると不要な再マウントが増えます。状態を保ちたいのか、リセットしたいのかを画面ごとに判断します。A. layout.tsxにフォーム状態を置く: layoutは維持されやすいため、初期化したい要件とは逆です。B. template.tsxを使って遷移ごとに子要素を再マウントさせる: これが正解です。C. not-found.tsxにフォームを置いて再表示させる: 404表示用であり、通常遷移の再マウント制御には使いません。D. route.tsでフォームのHTMLを返す: Route HandlerはAPI用途で、ページの再マウント制御ではありません。
教科書へ直接移動
読みたい分野を選べます