@m_frost

Как пофиксить баг в react-router ??

Ситуация следующая: есть корневой Switch c роутами на страницы в нем есть Route Home в котором встроенный свитч для того чтобы рендерить в нем вложенные страницы.
РУТ СВИТЧ
<Switch>
Route exact path={'/'} component={Home} />
Route path={'/profile'} component={Profile}  />
Route path={'/auth'} component={Auth}  />
Route path={'/auth/login'} component={Login}  />
Route path={'/auth/register'} component={Register}  />
Route path={'/terms'} component={Terms}  />
Route path={'/inbox'} component={Inbox}  />
Route component={NotFound} />
</Switch>

Home SWITCH
< Header/>
<Switch>
<Route path={'/'} component={Latest} />
<Route path={'/users/:id'} component={User}  />
<Route path={'/product/:id'} component={Product}  />
<Route path={'/search'} component={Search} />
<Switch/>
<Footer/>


Так вот в чем суть если exact поставить напротив HOME то работает рут свитч но не работает свитч в хом и наоборот если убрать exact то рут свитч не работает а хоум свитч работает, я понимаю что проблема в пути '/' но как пофиксить непонимаю
  • Вопрос задан
  • 84 просмотра
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Например:
return (
  <Switch>
    <Route exact path="/(users/.+|product/.+|search)?" component={Home} />
    {/* other routes */}
  </Switch>
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы