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

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>