effect_tw
@effect_tw

Как правильно реализовать Route для данного случая?

Как редеректить(не давать переходить) по урлу "/auth" ?
Есть роут "/auth" который рендерит компонент , у которого есть свои роуты.
<Route 
            path={"/auth"}
            component={AuthPage}
          />

Если я перехожу на роут "/auth" он соответсвенно рендерит пустую страницу. Я попробовал это решить редиректом определенный роут, после добавления роутов в компоненте AuthPage - это работает некорректно.
Как решить данную проблему?
  • Вопрос задан
  • 46 просмотров
Пригласить эксперта
Ответы на вопрос 1
Born2Lose
@Born2Lose
Frontend developer
Вам нужно определиться со случаем, когда переход по урлу /auth должен резолвиться редиректом. К примеру - когда пользователь уже авторизован. Далее вам нужно создать компонент обертку типа:
const PublicRoute = ({component: Component, isLogin, ...rest}) => {
    return (
        <Route {...rest} render={props => (
            isLogin ?
                <Redirect to="нужный урл" />
            : <Component {...props} />
        )} />
    );
};


Использование
<BrowserRouter>
  <Switch>
    <PublicRoute component={SignIn} isLogin={...} path="/auth" exact />
  </Switch>
</BrowserRouter>
Ответ написан
Ваш ответ на вопрос

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

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