Мое приложение использует 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/