首页 文章

React router链接错误的url

提问于
浏览
4

我正在使用带链接的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 . 这意味着当我刷新站点时,路由器找不到路径 .

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

1 回答

  • 7

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

相关问题