В моем приложении есть код ниже. js
<BrowserRouter>
{/* <CaseDetailsController /> */} //Rendering directly
<Switch>
<Route path='/check'>
<CaseDetailsController />}
</Route>
</Switch>
</BrowserRouter>
У меня есть компонент <CaseDetailsController />
, который я хочу отобразить, когда мой URL-адрес - '/check'.
И <CaseDetailsController>
имеет дочерний элемент <CaseDetails>
, в котором есть раздел, который отображает компоненты на основе значения ниже logi c.
<Switch>
{
Routes.map((x, y) => {
console.log(x.redirectUrl, x.component)
return (
<Route key={y} path={x.redirectUrl} component={x.component} />
)
})
}
</Switch>
Моя внутренняя дочерняя маршрутизация работает нормально, когда я пишу CaseDetailsController
напрямую . Но когда я помещаю его внутрь <Route>
, навигация работает с CaseDetailsController
, но маршрутизация перестает работать для его дочернего элемента, т.е. <CaseDetails>
.
В чем проблема?