パラメータのあるページにリダイレクト

Question

/recordingsでアクセスした録音のリストを持つページが必要です。いずれかの録音をクリックすると、その録音のページ/recording/:recordingIdにリダイレクトされます。

私は、次のルートを持っているが、「反応-ルータ」を使用して作られた：RecordingListで

   <Route path="recordings" component={RecordingList}/> 
        <Route path="recording/:recordingId" component={Recording}/> 
       </Route> 

は、私は各記録のためには、以下のリンクを持つコンポーネントを反応させる：

var recordingsHtml = new Array() 
    recordings.forEach(function(value, i) { 
     recordingsHtml.push(
     <li key={i} style={{clear: "both"}}> 
      <Link to={"recording"} params={{recordingId: i}}>{value.title}</Link> 
     </li> 
    ); 
    }); 

だから私は期待します最初のリンクをクリックするとrecording/1にリダイレクトされます。

ただし、私は/recordingにリダイレクトされていますので、IDのないURLです。また、私はこのメッセージを を取得しています：

Location "recording" did not match any routes 

は、どのように私は、リンクがうまく動作することができますか？

Answer 1

使用する反応ルータのバージョンによって、解決策が異なる場合があります。 Url paramsは現在、小道具toに渡されたオブジェクトで与えられています。オブジェクトのプロパティqueryを埋め込む必要があります。