[JavaScript知识库]antd Table组件筛选功能，重新渲染筛选项依然选中

最近项目迭代中，设计到好多列表相关的展示，基于React封装了antd的Table组件，代码大致如下：

 <Table
      dataSource={dataSource}
      columns={columns}
      size={tableSize ? tableSize : "middle"}
      onChange={handleTableChange}
      scroll={scroll}
      pagination={{
        current: curPage,
        hideOnSinglePage: true, // 只有一页时 隐藏分页器
        showSizeChanger: true, // 展示 pageSize 切换器
        size: pageSize ? pageSize : "default",
        defaultPageSize: defaultPageSize ? defaultPageSize : 10, // 默认显示条数
        pageSizeOptions,
        total,
      }}
      expandable={expandable}
      bordered={bordered || false}
    />

其他页面调用该封装的Tabl组件，其中项目中有一个场景是通过Tab切换展示渲染不同的列表，并且两个Tab列表都有筛选的功能，发现筛选后再切换Tab筛选框高亮展示，再次切换后，发现之前的筛选项，仍然存在，

问题解决

在调用Table的时候将tab的状态值作为key值传给Table后，缓存消失