0

Я делаю сайт на реакте, хотел сделать раскрывающееся меня. Я сделал кнопку, которая при нажатии на нее должна менять bool переменную на противоположное значение, но кнопка работает только один раз, то есть меняет значение с false на true, а обратно нет (кнопка становиться неактивной, курсор не подсвечивает ее как ссылку, при нажатии нет никакого ответа, меню остается открытым). Код класса (урезан):

 class Header extends React.Component {
  constructor(props){
    super(props);

    this.state = {isOpened: false};
  }
  handleClick = () => {
    this.setState({isOpened: !this.state.isOpened});
  };

  render() {
    const path = history.location && history.location.pathname;
    return (
      <div className={s['header-left']}>
        <div className={s.logo}>
          <a href="/">
            <img
              width="160"
              height="85.75"
              src={logo}
              alt="Halm Personalberatung Köln"
            />
          </a>
        </div>
        <div className={s.button}>
          <a href="#" onClick={this.handleClick}>
            <FontAwesomeIcon icon={faBars} />
          </a>
        </div>

Код меню (в этом же классе):

<Collapse isOpened={this.state}>
        <nav className={`${s.menu} ${s.mobile}`}>
          ...
        </nav>
      </Collapse>

1 ответ 1

1

А если так?

<Collapse isOpened={this.state.isOpened}>
1

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.