如何连接来自不同组件的多个相同链接？

Question

我正在尝试连接这条路线：

<Route path={`/movie/:id/`} exact component={MovieDetail} />

与：

 <Link to={`movie/${i.id}`}>
          <MovieCard key={i.id} data_info={i} />
        </Link>

第二个来自不同的组件：

{object2.map((i) => (
            <Link to={`movie/${i.id}`}>
              <MovieCard data_info={i} />
            </Link>
          ))}

第一个有效：http://localhost:3000/movie/20526 ，第二个开始堆叠为： http://localhost:3000/movie/movie/20526

Answer 1

你的 Link 组件相对于你当前通往 movie/:id 的路线，你可以通过放置 / 绝对告诉它到新的 URL在你的路线之前。它看起来像这样：

<Link to={`/movie/${i.id}`}>
  <MovieCard key={i.id} data_info={i} />
</Link>

how to connect multiple identical Links from different components?