web-dev-qa-db-ja.com

react.jsを使用したシングルページアプリでのナビゲーション

ReactとBackboneを使用してシングルページアプリケーションを構築し、アプリ内のコンテンツ間のナビゲーションを処理するためのベストプラクティスを見つけようとしています。私のアプリには、たとえば、リンク付きのサイドバーがあります。 「写真」と「設定」へ。サイドバーは常に存在するので、「設定」をクリックすると、ページ全体をリロードせずに設定コンポーネントをレンダリングしたいと思います。Slackは、私が探しているものの良い例です。別のチャネルは会話コンテンツを切り替えますが、ページ全体をリロードしません。

これを実装する方法についていくつかのアイデアがありましたが、何が最善かわかりません。

  1. レンダリングするコンテンツ(写真または設定)を決定するための小道具としてurlparameterを受け入れる一般的なreactコンポーネント(console.jsx)を用意します。

または2.一般的なreactコンポーネントを用意し、レンダリングするコンテンツを表す状態変数を定義します。

どんな助けでも大歓迎です!

8
pdorns

反応ルーターについて聞いたことがありますか?あなたが望むもののようです。 reactルーター

8
João Lima