【问题标题】:React Router Rerouting反应路由器重新路由
【发布时间】:2019-02-28 22:40:06
【问题描述】:

您好,我有一个愚蠢的问题。我正在开发一个在 url /checkout 上运行的反应微服务,结帐后的所有内容都重定向到正确的页面组件。我遇到的问题是,我们的单体应用中有一条路由,其中​​有一个带有路由/checkout/settings 的页面。我的问题是:有没有办法让 react-router 忽略所述路由并继续导航到该页面?谢谢

编辑:

示例。

/checkout/cart 将重定向到购物车页面

/checkout/review 将重定向到评论页面

/checkout/pageThatDoesNotExist 将显示我们的 404 页面

当我们点击checkout/settings时,我希望能够离开我的微服务并转到单体应用

【问题讨论】:

  • /checkout 中是否显示任何页面?
  • @muljayan 不,我不知道。
  • /checkout/settings 上的应用程序是转到另一个应用程序还是在转到 /checkout/settings 时保留应用程序的任何全局状态?
  • 嗨@muljayan,去 /checkout/settings 离开应用程序。不需要持久化任何状态
  • 嘿 @joshua-paul-huang 为什么不尝试使用常规的 a 标签导航到 /checkout/settings

标签: javascript reactjs routing react-router


【解决方案1】:

你可以在反应路由器中使用精确

<Route exact path="/checkout" component={}/>

如果你想渲染 /checkout/settings 而不是 /checkout

【讨论】:

  • 您好,阿尼尔,感谢您的回复。我已经更详细地更新了这个问题。我确实有一个 404 页面,当用户转到不存在的页面时,我想导航到该页面。我想知道是否有一种方法可以让我准确地到达那个端点,它实际上会离开。谢谢!
猜你喜欢
  • 2016-03-07
  • 2019-02-18
  • 1970-01-01
  • 2020-10-22
  • 2018-02-16
  • 2021-02-05
  • 2017-12-06
  • 2016-08-18
  • 2017-06-14
相关资源
最近更新 更多