меню реакции-гамбургера isOpen prop не реагирует на изменение состояния - PullRequest
0 голосов
/ 26 января 2020

Мое приложение использует react-burger-menu для меню гамбургеров только для мобильных устройств. При нажатии на элемент из меню, я бы хотел закрыть меню, но ничего не происходит. (Примечание: если я установил menuIsOpen: true в родительском компоненте, он действительно открывается при загрузке страницы, и при первом щелчке элемента списка боковая панель закрывается, но если я снова открываю ее, а затем пытаюсь повторить, ничего не происходит.)

Родительский компонент ( полный код ):

this.state = {
  menuIsOpen: false
};

// Gets called when an item in sidebar is clicked
handleVenuesListItemClick = venue => {
    this.setState({ menuIsOpen: false });
};

render() {
  return (
    <Sidebar
      menuIsOpen={this.state.menuIsOpen}
    />
  );

Дочерний компонент ( полный код ):

<Menu isOpen={this.props.menuIsOpen}>
  <div className="sidebar">

  </div>
</Menu>

Просмотр прямой версии: https://nataliecardot.com/seattle-scoops/

...