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}>

Answer 2

别忘了添加/，添加路线的起点

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

反应路径中的重复路径

2 个答案: