反应路线中的重复路径答案

【问题标题】：Duplicate paths in react-route反应路线中的重复路径
【发布时间】：2017-10-23 15:02:58
【问题描述】：

在 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

如何不重复路径？

【问题讨论】：

有什么问题？
@ChaseDeAnda 如何不重复路径？

标签： reactjs react-router

【解决方案1】：

试试这个代码：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：