Reactjs 如何使表头工具提示在启用排序的情况下工作？

下面是代码（）：

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“/index.css”；
从“antd”导入{表，工具提示}；
常量列=[
{
标题：A，
数据索引：“地址”，
分拣机：（a，b）=>a.address.length-b.address.length，
render:cell=>{cell[0]}
}
];
常数数据=[
{
关键：“1”，
地址：“纽约第一湖公园”
},
{
键：“2”，
地址：“伦敦第一湖公园”
},
{
关键：“3”，
地址：“悉尼第一湖公园”
},
{
关键：“4”，
地址：“伦敦第二湖公园”
}
];
ReactDOM.render(
,
document.getElementById（“容器”）
);

当我将鼠标悬停在表格标题上时，它会显示普通的工具提示，而不是显示antd

工具提示

：

但是，禁用

分拣机后，工具提示将正确显示：


如何使
工具提示
和
分拣机
协同工作？
看起来像
分拣机
蚂蚁表列分拣机
css类，这会导致
工具提示
重叠

解决此问题的一种黑客方法可能是：将标题作为函数应用，并覆盖css：

const columns = [
  {
    title: () => <Tooltip title="Address">A</Tooltip>, // note it's func

    // apply custom css class, so we can track it
    className: "sorter-no-tooltip",

    dataIndex: "address",
    sorter: (a, b) => a.address.length - b.address.length,
    render: cell => <Tooltip title={cell}>{cell[0]}</Tooltip>
  }
];

实际上，它看起来像一个框架问题，所以它是。
此问题已修复，您可以将版本更新为3.12.2。并将标题作为函数应用：
title:（）=>（您的ReactNode），
Antd现在支持一个用于隐藏分类器工具提示的属性

showSorterTooltip

整个表或列级别支持此选项。
欢迎使用堆栈。请考虑将您的答案代码格式化为“标记：‘代码到这里’，将导致<代码>代码在这里。我会在这里找到一个完整的示例代码片段，将ToIP提示放在TH中。
const columns = [
  {
    title: () => <Tooltip title="Address">A</Tooltip>, // note it's func

    // apply custom css class, so we can track it
    className: "sorter-no-tooltip",

    dataIndex: "address",
    sorter: (a, b) => a.address.length - b.address.length,
    render: cell => <Tooltip title={cell}>{cell[0]}</Tooltip>
  }
];

.sorter-no-tooltip .ant-table-column-sorters:before {
    content: none !important;
}