React SmantiC语言 UI-可关闭的菜单表格 /选项卡

Question

<Menu tabular>
 {
  menus.map((menu, index) => (
   <Menu.Item 
    key={index} 
    name={menu.name} 
    active={this.props.location.pathname === menu.path} 
    onClick={() => {this.props.handleOpenClick(menu)}} 
   >
    {menu.name}
    <Button onClick={() =>  {this.props.handleCloseClick(index)}}>X</Button>
   </Menu.Item>
  ))
 }
</Menu>

我想通过使用Menu和tabular选项创建具有可闭合功能的动态表格布局。我将Button组件放入Menu.Item中，然后实现ONCLICK事件。单击Buton时，它还在Menu.Item组件上调用handleOpenClick()功能。我只需要致电handleCloseClick()。

有任何建议吗？

对不起，我的英语不好

Answer 1

尝试添加 e.stoppropagation((。

<Menu tabular>
{
menus.map((menu, index) => (
    <Menu.Item 
        key={index} 
        name={menu.name} 
        active={this.props.location.pathname === menu.path} 
        onClick={() => {this.props.handleOpenClick(menu)}} 
    >
        {menu.name}
        <Button onClick={e =>  {
            e.stopPropagation();
            this.props.handleCloseClick(index);
        }}>X</Button>
    </Menu.Item>
    ))
}
</Menu>