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>

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

我怎么能解决这个问题呢？

Answer 1

正如评论中所讨论的,在Link标记中添加/之前的读数将解决问题.