反应路线中的重复路径

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

试试这个代码：

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