javascript — изменения состояния React-Redx, но без повторного рендеринга

Изменения состояния React-Redx, но без повторного рендеринга

В настоящее время у меня есть одностраничное приложение, которое регистрирует пользователя, и после входа необходимо повторно выполнить рендеринг на соответствующую страницу. В инструментах разработчика я вижу изменение состояния, но мне приходится вручную обновлять страницу. Страница перерисовывается на основании того, что текущий пользователь существует. Если есть текущий пользователь, он должен вернуть другой компонент. Вот фрагмент кода ниже.

Пока что я дважды проверил, чтобы убедиться, что мой редуктор не изменяет состояние и фактически возвращает правильный newState. Мое состояние также нормализовано правильно, и компонент ниже правильно наблюдает за изменяющимся фрагментом состояния.

 class Greeting extends React.Component { constructor(props) { super(props) debugger } render () { debugger const sessionLinks = () ={amp}gt; ( {amp}lt;div className="login-signup"{amp}gt; {amp}lt;div className="navhead"{amp}gt; {amp}lt;div className="butterflyr"{amp}gt;butterflyr{amp}lt;/div{amp}gt; {amp}lt;img className="butterfree" src={window.butterFree}/{amp}gt; {amp}lt;Route exact path="/" component={LogInFormContainer}/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;SignUpFormContainer/{amp}gt; {amp}lt;/div{amp}gt; ); const homePage = () ={amp}gt; ( {amp}lt;hgroup className="header-group"{amp}gt; {amp}lt;NavBar currentUser={this.props.currentUser} logout={this.props.logout}{amp}gt;{amp}lt;/NavBar{amp}gt; {amp}lt;Route exact path="/" component={ForFun}/{amp}gt; {amp}lt;/hgroup{amp}gt; ) return ( {amp}lt;div{amp}gt;{this.props.currentUser ? homePage() : sessionLinks()}{amp}lt;/div{amp}gt; ) } } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector