это мой первый вопрос о StackOverflow.
У меня есть приложение для реагирования, которое использует два разных маршрутизатора в разных файлах. Один маршрутизатор должен загружать главную страницу (компоненты боковой панели, страницу содержимого ... и т. Д. c), а также интерфейсы аутентификации (вход, регистрация), другой маршрутизатор для управления маршрутами на главной странице. Маршрутизаторы показаны ниже:
маршруты. js - первый маршрутизатор, который загружается при загрузке страницы.
<BrowserRouter>
<Switch>
{privateChildRoutes(DashboardLayout, dashboardRoutes)}
<PublicRoute restricted={true} component={SignIn} path="/auth/sign-in" exact />
<PublicRoute restricted={true} component={SignUp} path="/auth/sign-up" exact />
</Switch>
</BrowserRouter>
панель управления. js - второй маршрутизатор для управления маршрутами в панели управления. По сути, HomeApp содержит таблицу, в которой при щелчке по строке он направляется к компоненту RunsApp
, показанному с указанными ниже маршрутами.
<BrowserRouter>
<Switch>
<Route exact path="/dashboard" render={props => <HomeApp {...props} />} />
<Route path="/:value" render={props => <RunsApp {...props} />} />
</Switch>
</BrowserRouter>
Проблема, с которой я сталкиваюсь, заключается в том, что при обновлении страницы с помощью маршруты на панели управления, он перезагружает все маршруты и часто возвращает пустую страницу, когда маршрут сосредоточен на маршруте /:value
. Есть ли способ перезагрузить только указанные c маршруты на панели управления при refre sh без обновления всех маршрутов?
Спасибо.