React router链接错误的url

Question

我正在使用带链接的React路由器来更改网址并导航到应用程序。在阅读列表中，我使用以下代码导航用户阅读编辑：

 <Link to={`readings/edit/${reading.id}`} params={{id: reading.id}}>

我定义了以下路线：

<Route path="/" component={App}>
        <IndexRoute component={Greetings}/>
        ...
        <Route path="readings/edit/:id" component={requireAuth(ReadingEdit)}/>
        <Route path="readings/:tab" component={requireAuth(ReadingListContainer)}/>
        ...
    </Route>

导航按预期工作，但网址错误，应该是http://localhost:8000/readings/edit/5，而是http://localhost:8000/readings/readings/edit/5。这意味着当我刷新站点时，路由器找不到路径。

我该如何解决这个问题？

Answer 1

正如评论中所述，在Link标记中添加/之前的读数将解决问题。