reactjs - react route 的重复路径

Question

在 heder 中，有一个具有实时搜索功能的组件，其中根据来自服务器的内容提供找到的电影或电视剧的链接。

Use react-route v4

urlRusLat - 只是一个返回电影翻译名称的函数

<div>
  <Helmet>
    <title>Movie-search</title>
  </Helmet>
  <Nav/>
  <Header/>

  <Switch>
    <Route exact path="/" component={Main} />
    <Route exact path="/movie/:urlRusLat" component={Movie} />
  </Switch>
</div>

以及搜索结果中的链接

<Link to={item.media_type + '/' + urlRusLat(item.title || item.name) + '-' + item.id} className="result-element" key={index}>

当我在电影页面上并从搜索中选择某些内容时，我的路径就会变成这样

/movie/some-movie/movie/some-movie

当我点击/move/some-movie 中的链接时，该怎么做

/movie/some-movie

如何不重复路径？

Answer 1

只是不要忘记添加 / 添加路线的开头

 <NavLink activeClassName="activePage" to="/something/new/">Create Participants</NavLink>