Влияет ли по-разному Redx с Next. js, чем с React и как? - PullRequest
Новая
       48

Влияет ли по-разному Redx с Next. js, чем с React и как?

0 голосов
/ 22 апреля 2020

Мне было интересно, может ли кто-нибудь объяснить мне, как редукс может по-разному взаимодействовать с Next. js, в отличие от React.

Я знаю, что некоторые настройки должны отличаться, а именно , настройка файла _app. js для включения переноса <Provider>, но жизненный цикл и способ хранения данных отличаются?

Следовательно, это влияет на реакцию пользовательского интерфейса на данные?

Например, если я должен был использовать условный код в моей навигационной панели следующим образом: 

class MainNavigation extends React.Component {
  render() {
    return (
      { !this.props.isAuth ?
        [<li key="Sign Up">
          <Link href="/signup"><a className="">Sign Up{console.log(this.props.isAuth)}</a></Link>
        </li>,
        <li key="Sign In">
          <Link href="/signin"><a className="">Sign In</a></Link>
        </li>] : null
      }
      { this.props.isAuth ?
        <li key="Sign out">
          <button style={{cursor: "pointer"}}onClick={this.signOut}>
            <a className="">Sign Out</a>
          </button>
        </li> : null
      }
   )
}

function mapStateToProps(state) {
  return {
    isAuth: state.auth.isAuthenticated
  };
}
export default connect(mapStateToProps, actions)(MainNavigation);

Почему console.log из this.props.isAuth регистрирует, например, ложь на componentDidMount () и true для componentDidUpdate()? Можно ли сделать данные более постоянными с клиентом?

...