3

Nさまざまなレイアウト (例: BeforeLoginMainLayoutSomeElseLayoutなど)を持つアプリがあります。

Settings各レイアウトは、Profile、 などのページ コンポーネントをラップする HTML マークアップ コンポーネントです。

各ルート (またはルートのグループ) に特定のレイアウトを割り当てることができる必要があります。

たとえば、URL が欲しい

/register
/info/*
/about

...BeforeLoginレイアウトコンポーネントを使用する(の子になる)、および

/dashboard
/profile/*
/settings/*

...使用しますMainLayout

また、一部の URL では、/ユーザーがログインする前に 1 つのレイアウトを使用し、ログイン後に別のレイアウトを使用する場合があります。しかし、主な質問に答えれば、条件付きレンダリングでそれを達成できると思います。

問題は - どうすればいいですか?

(もちろん、各ページコンポーネント内のレイアウトを明示的にレンダリングすることに加えて、コンポーネントがレイアウトにとらわれないようにすることをお勧めします)

ありがとう!

PS 見逃した方への質問はReach routerではなくについてReact Routerです。

4

1 に答える 1