В настоящее время у меня есть одностраничное приложение, которое регистрирует пользователя, и после входа в систему необходимо повторно выполнить рендеринг на соответствующую страницу. В инструментах разработчика я вижу изменение состояния, но мне приходится вручную обновлять страницу. Страница перерисовывается на основании того, что текущий пользователь существует. Если есть текущий пользователь, он должен вернуть другой компонент. Вот фрагмент кода ниже.
Пока что я дважды проверил, чтобы убедиться, что мой редуктор не изменяет состояние и фактически возвращает правильный newState. Мое состояние также нормализовано правильно, и компонент ниже корректно наблюдает за изменяющимся фрагментом состояния.
class Greeting extends React.Component {
constructor(props) {
super(props)
debugger
}
render () {
debugger
const sessionLinks = () => (
<div className="login-signup">
<div className="navhead">
<div className="butterflyr">butterflyr</div>
<img className="butterfree" src={window.butterFree}/>
<Route exact path="/" component={LogInFormContainer}/>
</div>
<SignUpFormContainer/>
</div>
);
const homePage = () => (
<hgroup className="header-group">
<NavBar currentUser={this.props.currentUser} logout={this.props.logout}></NavBar>
<Route exact path="/" component={ForFun}/>
</hgroup>
)
return (
<div>{this.props.currentUser ? homePage() : sessionLinks()}</div>
)
}
}