Zhanna_K
@Zhanna_K
in progress

Hе пришли props от родителя. Почему?

Есть контейнерная компонента
const HeaderContainer = (props) => {
  console.log("header  container props", props.isLoggedIn);
  return <Header isLoggedIn={props.isLoggedIn} />;
};

const mapStateToProps = (state) => {
  return {
    isLoggedIn: Boolean(state.Session.id),
  };
};
export default connect(mapStateToProps, null)(HeaderContainer);


и презентационная
const Header = (props) => {
  console.log("header props", props.isLoggenIn);
  return (
    <div className={s.header}>
      {props.isLoggenIn ? (
        <span>
          <a href='/auth' onClick={() => logoutUser()}>
            <span>Log Out</span>
          </a>
        </span>
      ) : (
        <div>Log in </div>
      )}
    </div>
  );
};

Вот что выводится в консоль:
5f6f1ca59adb0802637490.png

Почему если у родителя значение true>, у дочернего оно стало undefined?
  • Вопрос задан
  • 67 просмотров
Решения вопроса 1
JamesHatfield
@JamesHatfield
Front-end developer
У вас опечатка в коде. В контейнерной написано isLoggedIn а в презентационной isLoggenIn
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы