У меня есть страница LoginForm, которую мне нужно использовать для неавторизованных пользователей. В моем приложении js я сделал что-то вроде перенаправления для пользователей
Приложение. js
function App(props) {
return (
<div>
<LoginPageContainer />
<BrowserRouter>
<Route path='/home' render={() => <MainPage />} />
</BrowserRouter>
</div>
);
}
Я сделал ContainerComponent для LoginPage, потому что мне нужно получить статус авторизации с серверов ( isAuth)
let PreLogin = withAuthRedirect(MainPage);
let mapStateToProps = (state) => ({
isAuth: state.authPage.isAuth
})
let LoginPage = connect(mapStateToProps, { getAuthStatusThunk })(PreLogin);
export default LoginPage;
и функция Ho c для проверки состояния и перенаправления страницы
export const withAuthRedirect = (Component) => {
class RedirectComponent extends React.Component {
render() {
this.props.getAuthStatusThunk();
return (!this.props.isAuth ? <Redirect to="/login" /> : <Redirect push to="/home" />)
}
}
return RedirectComponent;
}
getAuthStatusThunk - функция для ajax запроса на получение информации о состоянии
Каждый раз он перенаправляет меня на URL localhost: / home, что бы я ни использовал в URL. Как я могу решить эту проблему? Мне не нужно перенаправлять на другие страницы, только по умолчанию localhost /