antd 表可排序列标题，带开关。如何避免点击切换时排序？

Question

有一个antd表。其中一列的标题带有开关。该列可以排序。

当我点击开关时，列排序器也会发生变化。 当我点击开关时，是否可以避免排序器发生变化？

以下是我的代码：

{
      dataIndex: 'owner',
      title:
        <div>
          Owner <Switch
            size="small"
            checkedChildren="Current User"
            unCheckedChildren="All Users"
            
            onChange={(checked) => {

              setOwnerIsMe(checked)
            }}
          />
        </div>
      ,
    
      sorter: (a, b) => a.name.localeCompare(b.name),
      ...getColumnSearchProps('owner'),
    },

Answer 1

Switch onChange 回调有第二个参数事件。

需要使用事件对象停止事件传播。

将您的开关更改为

onChange={(checked, event) => {
    setOwnerIsMe(checked);
    event.stopPropagation();
}}