React Router路径问题：从定价页跳转练习页路径错误如何修正？

问题核心是你使用了相对路径，React Router会基于当前页面的URL拼接路径，导致在/pricing页面点击时生成/pricing/exercice/0002这种无效路径。

解决步骤：

• 将Link组件的to属性改为绝对路径，在路径前添加斜杠/，确保从根路径开始跳转：

  <Link to={`/exercice/${item.id}`} className={MenuCard.menu}>
  

• 注意：Link组件不需要exact和path属性，这两个是Route组件的配置项，你需要把这两个属性从Link中移除，避免不必要的错误。

这样修改后，无论当前在哪个页面，点击链接都会跳转到http://localhost:3000/exercice/0002这个正确的根路径下的地址。

内容的提问来源于stack exchange，提问作者Moussa Eloifi