Я написал редуктор и действие для аутентификации в редуксе, и проверил, вошел ли пользователь в систему с помощью:
const mapStateToProps = state => {
return {
isLoggedIn: state.auth.token !== null,
}
}
это работает, и я могу проверить аутентификацию пользователя с помощью:
if (this.props.isLoggedIn) {
console.log('logged in');
}
После входа в систему получите logged in
в консоли браузера.
Как я могу перенаправить на /
?
Я стараюсь так:
if (this.props.isLoggedIn) {
this.props.history.push('/');
}
URL браузера изменен, но содержимое страницы не меняется.
Обновление:
Мои маршруты App.js:
<div className="App">
<Switch>
<Route path="/login" exact component={Login} />
<Route path="/" component={Template} />
</Switch>
</div>
Обновление2: мой шаблон:
import React, { Component } from 'react';
class Template extends Component {
render() {
return (
<h1>Template</h1>
)
}
}
export default Template;