問題タブ [react-router-component]

私はReactに少し慣れていません。一部のコンポーネントでナビゲーション バーのリンクを非表示にする必要がある状況がありますが、残りのコンポーネントではそれらを表示したいと考えています。実際にreact router V4とtypescriptを使用しています。

サインアップ ページとログイン ページに関しては、page1 と page2 のリンクを非表示にする必要があります。

アプリケーションの起動時に読み込まれる getstarted ページもあるとします。ここでもリンクを非表示にしたいと思います。

コンポーネントの残りのリンクを表示します。

助けていただければ幸いです

ルーターコード

ナビゲーション バー コンポーネント

メイン サイトのナビゲーション バーとダッシュボードのナビゲーション バーの 2 つの異なるナビゲーション バー コンポーネントを表示しようとしています。

私は2つの再利用可能なコンポーネントを作成しようとしました:

<LayoutNav />と<DashboardNav />

それらの実装は次のとおりです。

LayoutDashboardNav以下に変更<Navbar />したのは同じです<DashboardNav />が、ルートの実装は次のとおりです。

<Navbar />または<DashboardNav />、それらが使用されているコンポーネントの子であるページでのみ表示されることを期待しています。しかし、すべてが表示されているのは<Navbar />.

これが私の要件です。

ルート /xyz (xyz コンポーネントを表示) がブラウザーでヒットした場合、別のルート /abc (abc コンポーネントを表示) に移動する必要があります。

また、ナビゲーション時に新しい props と context をターゲット コンポーネントに渡す必要があります。

私は次のようなものを探しています

**

**

Reactjs でこれを達成する方法は?