【问题标题】:React Router Link taking user to blank page反应路由器链接将用户带到空白页面
【发布时间】:2023-03-19 17:29:02
【问题描述】:

我有一个嵌套反应路由器路由,其中​​嵌套路由是在与主路由器开关分开的组件中定义的。我在其中一个嵌套路由的组件中创建了一个链接,该链接将用户带到主路由器交换机中的页面/组件。但是,当单击此链接时,url 显示正确,但我得到一个空白页。只有当我点击刷新按钮时,页面才能正确显示。如何在不刷新的情况下正确显示页面?有趣的是,当我使用 a 并将 href 设置为页面时,链接可以正常工作。

谢谢!

【问题讨论】:

  • 当我看到这种情况发生时,我认为 10 次中有 9 次是因为正在使用超过 1 个路由器。我们无法确定,因为您的问题中没有包含任何代码。我们无法帮助调试我们看不到的代码。请更新您的帖子以包含minimal, complete, and reproducible code example
  • 您提供了答案。我列出了一个额外的路由器。谢谢!
  • 不用担心,它会发生。干杯。

标签: reactjs react-router


【解决方案1】:

这可能是一个无效的 URL。尝试添加一个 404 页面,看看是不是这样。

https://v5.reactrouter.com/web/example/no-match

简而言之,您尝试渲染的组件可能存在问题。

【讨论】:

    【解决方案2】:

    我在其中一个组件中列出了一个额外的路由器。一旦我摆脱了它,一切都正常了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-01-16
      • 2021-04-23
      • 2020-11-06
      • 2020-07-27
      • 2021-04-05
      • 2018-08-17
      • 2022-06-25
      • 2021-08-22
      相关资源
      最近更新 更多