Next.js アプリケーション フォルダー内のいくつかのネストされたルートでルート レイアウト コンポーネントを非表示にすることはできますか?

Question

rootlayout が dashboardlayout によってラップされないようにする方法はありますか? Next.js v13 ドキュメント:

私のファイル構造:

ルート グループを使用することもできますが、そうすると

contact、pricing ルートでのラップが無効になります。これを防ぐ方法はありますか?ホーム ナビゲーション バーを連絡先情報と価格ページに表示したいのですが、ホーム ナビゲーション バーをダッシュ​​ボードには表示したくありません。

ルーティング グループを使用しようとしましたが、価格設定と連絡先ルートのラッピングが無効になりました。

navbar.tsx ああああ

Answer 1

Navbar は クライアント コンポーネント a> であるため、ルーティング グループ の使用を回避できますが、usePathname を使用することで回避できます。 を使用して、来阻止它显示在 /dashboard> に表示されないようにする:

リーリー

Answer 2

少し調べた結果、ルート グループで動作させることができました。

ファイル構造

/app/layout.tsx

リーリー

/app/(ダッシュ)/dashboard/layout.tsx

リーリー

/app/(ログイン)/layout.tsx

リーリー

Youssouf のソリューションはうまく機能します。ただし、ダッシュボード ルートには rootlayout CSS スタイルとその他のコンポーネントがまだ残っているため、/dashboard に表示したくないコンポーネントにコード行を手動で追加する必要があります。