2017-04-30 16 views
1

私がReact like Instagramを使ってWebアプリケーションを作成し、ユーザーが画像を追加できるようにしたいとします。すべての絵、このように、単一のURLに関連付けられているコメントを追加しました:React JSとのリンクを動的に作成できますか?

https://www.instagram.com/p/BTg4ZopggE9

我々はそれをどのように行うことができますか?

私は知っている限り、このモジュール 'react-router'があることを知っています。プログラマがハードコードしている(URLを動的に作成することはできません)あらかじめ定義されたルートセットでのみ動作します。

+1

あなたは/ '/ Pのように、ルートにPARAMS渡すことができます。image_idは、変数 –

+0

https://reacttraining.com/react-router/web/example/url-paramsあるimage_id'は*秒*リンクでありますドキュメンテーション – Quentin

答えて

2

反応ルータのルートがあらかじめ定義されていることは間違いありませんが、パラメータは動的である可能性があります。たとえば、/images/:imageIdのようなルートを持つことができます.ImageIdはイメージIDを保持するための変数名です。ユーザーがそこをナビゲートすると、そのようなURL、つまり/images/12ert56などが表示されます。次に、それらにルーティングされたコンポーネントは、this.props.params.imageIdを呼び出すことによって、パラメータidからイメージIDを読み込み、コンポーネントはそれに対応するイメージを表示します。

関連する問題