Задержка при перенаправлении с маршрута по умолчанию на другой маршрут

Question

Я новичок в React Router и работаю над наилучшим способом маршрутизации для реагирования маршрутизатора.

Чего я пытаюсь достичь:

Я просто хочу, чтобы маршрут по умолчанию переместился на /:tenantName/media_management/dashboard вместо /:tenantName/media_management при нажатии на вкладку «Управление мультимедиа».

Проблема:

• Я явно проверяю, является ли маршрут начальным маршрутом, а затем перенаправляю на /dashboard. Это работает, но очень медленно. Я могу заметить очевидное отставание, когда нажимаю Media-management Tab.

• Хотел узнать, есть ли лучший способ обработки маршрута по умолчанию?

Маршрутизатор. 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')}
/>

Медиа-менеджмент. js:

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

Пожалуйста, помогите, я очень новичок, чтобы реагировать на маршрутизатор, и любая помощь будет очень признательна.

Answer 1

Попробуйте добавить exact=true к вашим маршрутам

Можем ли мы увидеть еще несколько ваших маршрутов - у вас есть маршрут панели инструментов по умолчанию выше или ниже того, который вы показали?

RR будет соответствовать первому маршруту, который он найдет, если вы не добавите exact=true реквизит к маршруту.