javascript - 在 React Router 中链接到自己匹配的确切路径

Question

我有几个使用react-router-dom版本 4.2.2 的嵌套路由，我想在根路由上提供一个“后退”按钮。例如，如果我的层次结构是

• /base/:id：表示资源的索引页面，链接到并有条件地呈现内部活动
  • /base/:id/some-inner-activity：代表一个内部活动的页面
  • /base/:id/some-other-inner-activity：代表另一个内部活动的页面

我希望能够提供一个由基本组件呈现的链接，让您回到/base/:id，因此所有活动都可以具有共享的“返回”或“向上”行为。我可以/base/${match.params.id}用/base/.

我希望能够match.path与 with 一起使用match.params，但我不确定如何以 React Router 认可的方式执行此操作，而且我绝对不想自己实现。

我已经整理了一个代码沙箱来展示我的首选行为，但是您会注意到在Base组件中我仍然必须对/base/字符串进行硬编码以生成后退按钮 URL。

https://codesandbox.io/embed/n5r30r2qmm

标签： javascriptreactjsreact-router

Answer 1

您可以尝试引用 props.params.whateveridyouwant

另一种方法是将 match.params 推送到 redux 商店，这样您就可以在应用程序中的任何位置访问它。

希望这可以帮助！或引导您朝着正确的方向前进！