javascript - 使用参数重定向到页面

我想要一个页面，其中包含通过/recordings访问的录像列表。通过单击任何记录，我想重定向到该记录的页面/recording/:recordingId。

我有以下使用“ react-router”建立的路由：

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

在RecordingList react组件中，每个记录都有以下链接：

  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

那么如何使链接正常工作？

最佳答案

根据您使用的React Router版本，解决方案可能会有所不同。当前在传递给道具to的对象中给出Url params。对象属性query必须填写。