Javascript 从默认路由重定向到其他路由时出现延迟

我是React路由器新手，我正在研究路由到React路由器的最佳方法

我想要实现什么：

  if (contentTypeSelected === '') {
    props.history.push(`/:tenantName/media_management/dashboard`);
  }

单击媒体管理选项卡时，我只希望默认路径导航到

/：tenantName/media\u management/仪表板

，而不是

/：tenantName/media\u management

问题：

  if (contentTypeSelected === '') {
    props.history.push(`/:tenantName/media_management/dashboard`);
  }

• 我正在明确检查路由是否为初始路由，然后重新路由到

  /dashboard

  。这是有效的，但它是无效的 非常慢。我可以在点击时注意到明显的滞后

  媒体管理

  选项卡

• 想知道是否有更好的方法处理默认路由？

Router.js

import { Route, Redirect, Switch, useHistory } from 'react-router-dom';
const AsyncMediaManagement = lazy(() => import('@src/features/media-management/'));


<Route
   path="/:tenantName/media_management"
   component={withMainLayout(AsyncMediaManagement, 'MediaManagement')}
/>

---

请帮忙，我是react router的新手，非常感谢您的帮助。

尝试将

exact=true

添加到您的路由中

我们可以再看看你的吗？你的默认仪表板路线是在你显示的路线之上还是之下

---

如果您没有向路由添加

exact=true

道具，RR将匹配它找到的第一条路由。

尝试向您的路由添加

exact=true

我们可以再看看你的吗？你的默认仪表板路线是在你显示的路线之上还是之下

---

如果不向路由添加

exact=true

道具，RR将匹配它找到的第一个路由。

如果将路径推到历史，页面将毫不犹豫地路由。可能是与

lazy

或此处未显示的其他代码有关。如果要重定向到另一个组件/路由，也可以在当前组件的生命周期内添加条件

componentWillMount

如果将路径推到历史，页面将毫不犹豫地路由。可能是与

lazy

或此处未显示的其他代码有关。如果要重定向到另一个组件/路由，也可以在当前组件的生命周期内添加条件

componentWillMount

我没有默认值，我需要为此组件创建默认路由。你能用更多的信息切碎一些光线吗？将

添加到你的Switch@JohnathanIrwin我正在尝试从/重定向到..../dashboard。。添加此路线有何帮助？好奇的是，如果你没有该路径的路径，我不确定你将如何导航那里的用户。当用户单击“媒体管理”选项卡时，你将如何导航？因为它不能只是一个我没有一个默认的，我需要为这个做一个默认的路线。你能用更多的信息切碎一些光线吗？将

添加到你的Switch@JohnathanIrwin我正在尝试从/重定向到..../dashboard。。添加此路线有何帮助？好奇的是，如果你没有该路径的路径，我不确定你将如何导航那里的用户。当用户单击“媒体管理”选项卡时，你将如何导航？因为它不能只是一个