我正在使用react-router-dom。我可以在react中动态更新路径吗？

Question

我正在尝试通过 api 调用动态更新路径。在路由器路径中。当我单击导航菜单时，第一次它加载完美。但如果我刷新它会抛出 404 错误？

    <Routes>
      <Route path={`${item.path}`} element={<Platform />} />
      <Route path={`${item2.path}`} element={<Licensing />} />
    </Routes>
  </Router>

有什么办法可以解决这个问题吗？

Answer 1

就像 abhishekti 所说，我认为当你刷新时，React 会在 API 调用完成（甚至可能开始）之前渲染你的组件。

我看到有 2 个选项可以解决您的问题：

• 直接在包含 Router 的组件中添加加载效果（如果您的 API 调用库管理它，则可以使用 Suspense 或手动）
• 您将 URL 保存在会话存储/本地存储/Cookie 中，以便应用程序记住 URL。我按照我认为对您的用例来说更安全的顺序给出了列表。