2017-01-25 4 views
2

この画像には、個別にクリックしたときに実行される複数のアプリが表示されます。[フィルタ]をクリックすると、Filter.jsが実行されます。 this image shows multiple apps that should run when i click on them individually.Like: if i click Filter then it should run Filter.js 1つの反応ページに複数のアプリケーションをレンダリングする方法は?

+0

個々のアプリケーションごとにコンポーネントを作成してから、他のサブアプリケーション(コンポーネント以上のもの)を読み込む親アプリケーションを作成することができます。また、.jsxの内部から.jsライブラリをインポートし、コンポーネントのライフサイクルメソッド(constructやcomponentDidMountなど)から実行することもできます。これがあなたの質問に対処しているかわかりません。あなたはもっと具体的になり、これまでに試したことを提供できますか? –

+0

私は親アプリを作ってその中のすべてのコンポーネントをロードしました...しかし、私が望むのは、上記の表示されたタイルをクリックするとブラウザ内のそれぞれのアプリケーションを開くはずです。壁紙サイトを開くと複数の壁紙が表示され、クリックするたびにそれぞれの画像がブラウザで開きます –

答えて

1

あなたが反応し、ルータを試してみてください:https://github.com/ReactTraining/react-router

私はよく理解した場合は、セクションにアプリケーションを分割し、反応-ルーティングはそうすることが素晴らしいですしようとしています。ボーナスとしてあなたのルートへのパス/リンクマッチングも得られます。

これは素晴らしいチュートリアルhttps://github.com/reactjs/react-router-tutorialが付いていて、時間がかかりません。あなたの場合、最初の3つのステップだけが必要です。

幸運。

関連する問題