React レイアウト VS ルーター

Question

React でのコンポーネントの表示またはルーティングについて質問があります。 title、leftmenu、および content セクションを含むホームページ layout を設定しました。アイデアは、メイン コンテンツ セクションのみを変更する必要があるページを作成することです。 これが良いアプローチなのか、これを行うにはルーターを使用する必要があるのか​​、それともフックだけを使用する必要があるのか​​疑問に思っています。

私がやったことでは、useState フックを使用してコンポーネントを表示するように設定しただけで、ルーターは必要ありませんでしたが、これが正しいアプローチなのかどうか疑問に思っています。

• メニューをクリックしてください:

  リーリー

• 現在のコンポーネントを表示する Content セクションがあります:

  ＃＃＃＃＃＃＃＃＃{コンテンツ}＃＃＃＃＃＃＃＃＃ リーリー

Answer 1

ユーザー操作に基づいてコンテンツを表示/レンダリングするために条件付きロジックをどのように適用するかは主観的ですが、選択肢はあります。

ローカル状態を使用する

ローカル状態の使用は問題ないようですが、警告します。JSX を状態に保存し、一部のデータ (コンポーネントへの参照など) を保存してマッピングすることは、レンダリングする JSX を宣言する React のアンチパターンとみなされます。 。

＃＃＃例：＃＃＃ リーリー

ルートを使用する

react-router

とルーティングを使用してコンテンツの条件付きレンダリングを管理する場合は、コンポーネントを、ネストされたルートの Outlet をレンダリングするレイアウト コンポーネントに変換します。コンポーネントがレンダリングされるべきもの。ルーター/ルーターはルート マッチングを管理し、特定のルート コンテンツをレンダリングします。 ＃＃＃例：＃＃＃ リーリー リーリー リーリー