Conversations组件菜单点击后对应的项会被激活

[jacksonrick]

重现步骤

1、当前激活第一个

2、点击第二项的菜单

3、第二项被激活了

当前行为

点击第二项的菜单，第二项被激活了，触发了onActiveChange事件

预期行为

第一项仍被激活，且不会触发onActiveChange事件

上下文

No response

版本

1.0.5

您在哪些浏览器上遇到了这个问题？

Chrome

[petercat-assistant]

感谢您提供详细的重现步骤和当前行为描述。根据您的描述，点击第二项的菜单后，第二项被激活并触发了onActiveChange事件，而您期望第一项仍然被激活且不会触发该事件。

这种行为可能是由于组件的事件处理逻辑导致的。为了帮助您解决这个问题，我建议您检查以下几点：

1. 事件绑定：查看是否有不必要的事件绑定在菜单项上，导致点击菜单时触发了激活事件。
2. 状态管理：确保组件的状态管理逻辑正确，特别是在处理激活状态时，确保点击菜单不会改变激活状态。
3. 组件配置：查看组件的配置选项，是否有相关的配置可以控制菜单点击行为。

如果您需要进一步的帮助，您可以提供相关的代码片段，我可以帮助您分析并提出修改建议。

如果问题依然存在，您可以考虑在 ant-design/x 的 GitHub 仓库中查看是否有类似的问题报告，或者提交一个新的问题报告以获得更多支持。

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[NashNiu]

点击菜单后，阻止冒泡
menuInfo.domEvent.stopPropagation()

[hjq499910406]

menuInfo.domEvent.stopPropagation()

代码写在何处呢，绑定click？

[lexmin0412]

menuInfo.domEvent.stopPropagation()

代码写在何处呢，绑定click？

@hjq499910406 没错，下面这样

<Conversations
  menu={(conversation) => ({
    items: [
      {
        label: '重命名',
        key: 'rename',
        icon: <EditOutlined />,
      },
      {
        label: '删除',
        key: 'delete',
        icon: <DeleteOutlined />,
        danger: true,
      },
    ],
    onClick: async (menuInfo) => {
      menuInfo.domEvent.stopPropagation();
    },
  })}
/>

[hy993658052]

示例中已增加阻止冒泡