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

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

传递一个功能，将抽屉切换到页面并在onLinkClick
[使用Redux]：在减速器中保持汉堡包状态（打开/关闭），并从onLinkClick派遣一个动作创建者关闭它

React：单击链接时关闭汉堡包菜单

1 个答案: