javascript - react : Close hamburger menu when clicked on a link

Question

我正在尝试实现以下场景

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

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

onItemClick: () =>{

};

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

Answer 1

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

1. 传递一个将抽屉切换到页面的函数，并在 onLinkClick 中将其关闭

2. [使用 Redux]:将汉堡包状态(打开/关闭)保存在 reducer 中，并从 onLinkClick 分派(dispatch)一个操作创建者来关闭它