反应：单击链接时关闭汉堡菜单答案

【问题标题】：React: Close hamburger menu when clicked on a link反应：单击链接时关闭汉堡菜单
【发布时间】：2017-10-24 03:23:42
【问题描述】：

我正在尝试实现以下场景

目前，当用户点击汉堡菜单时，用户会被导航到特定页面，但当用户在主页上并点击菜单中的主页链接时，汉堡菜单会保持打开状态。即使用户在单击同一链接时位于同一页面上，我也想关闭/隐藏/关闭菜单。例如：如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。我怎样才能做到这一点

onLinkClick(){
    this.props.onItemClick(this.props.name, this.props.link);
}

onItemClick: () =>{

};

<SomeDiv onClick = {this.onLinkClick} link={this.props.link}>
    {this.props.name}
</SomeDiv >

【问题讨论】：

标签： javascript html reactjs

【解决方案1】：

两个选项取决于您的架构：

传递一个将抽屉切换到页面并在onLinkClick中关闭它的函数
[使用 Redux]：在 reducer 中保持汉堡包状态（打开/关闭），并从 onLinkClick 分派一个动作创建者来关闭它

【讨论】：

你能举个例子吗