Antd 4.x中Checkbox操作触发Collapse展开/收起的事件阻止问题

问题核心是点击Checkbox勾选框时，事件会向上冒泡到Collapse的触发元素，导致折叠面板意外展开/收起。可以通过以下两种方式解决：

• 给单个Checkbox添加点击事件拦截冒泡：

<Checkbox onClick={(e) => e.stopPropagation()}>
  选项1
</Checkbox>

在Checkbox的点击事件中调用e.stopPropagation()，直接拦截事件向上传递，避免触发上层Collapse的状态切换。

• 给Popover内容容器添加全局拦截（适合多元素场景）：

<Popover
  content={
    <div onClick={(e) => e.stopPropagation()}>
      <Checkbox>选项1</Checkbox>
      <Checkbox>选项2</Checkbox>
    </div>
  }
>
  <Button>弹出选择框</Button>
</Popover>

通过给Popover的内容容器绑定点击事件，一次性阻止容器内所有交互元素的事件冒泡，无需逐个处理Checkbox。

内容的提问来源于stack exchange，提问作者user578219