如何将react antd table升降序重置为正常？

按升降序对列进行排序，当切换表时，排序图标仍然显示颜色，但我希望在更改列表数据时不显示排序。

const [sortedInfo, setSortedInfo] = useState({})

// sortOrder: sortedInfo.columnKey === 'xx' ? sortedInfo.order : null 很关键
tablelist= [
    {
        title: 'aa',
        dataIndex: 'targetAmt',
        key: 'targetAmt',
        sorter: true,
        sortOrder: sortedInfo.columnKey === 'targetAmt' ? sortedInfo.order : null,
        width: 220,
     },
     {
        title: 'bb',
        dataIndex: 'targetAmt1',
        key: 'targetAmt1',
        sorter: true,
        sortOrder: sortedInfo.columnKey === 'targetAmt1' ? sortedInfo.order : null,
        width: 220,
     }
]

// 触发table的onchange事件时存下当前的排序状态
const handleTableChange = (pagination, filters, sorter) => {
    setSortedInfo(sorter)
}

// 需要重置排序状态时
const handleSubTabChange = () => {
    setSortedInfo({})
}

关键，每一项加：sortOrder: sortedInfo.columnKey === 'xxx' ? sortedInfo.order : null