Fatal编程技术网
  • javascript/
  • Javascript 反应：点击链接时关闭汉堡包菜单

Javascript 反应：点击链接时关闭汉堡包菜单

javascript html reactjs

Javascript 反应：点击链接时关闭汉堡包菜单,javascript,html,reactjs,Javascript,Html,Reactjs,我正在尝试实现以下场景 当前，当用户单击汉堡包菜单时，用户将被导航到特定页面，但当用户位于主页并单击菜单中的主页链接时，汉堡包菜单将保持打开状态。我想关闭/隐藏/关闭菜单，即使用户在同一页面上单击同一链接。例如：如果用户在主页上并单击菜单中的主页链接，则菜单应关闭。我怎样才能做到这一点 onLinkClick(){ this.props.onItemClick(this.props.name, this.props.link); } onItemClick: () =>{ };

我正在尝试实现以下场景

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

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

onItemClick: () =>{

};

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

onLinkClick（）{
this.props.onItemClick（this.props.name，this.props.link）；
}
onItemClick:（）=>{
};
{this.props.name}
两个选项取决于您的体系结构：

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

    • 两个选项取决于您的体系结构：

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

    • 你能举个例子吗