react-table - 是否可以在使用 React-table-v6 获取表中的新数据时重置列上的排序过滤器？

Question

以下是表格的列：

const columns = [
{
 id: "nameId",
 Header: "Journey Name",
 accessor: 'journey_name',
 sortable: true,
 Cell: ({ original }) =>
  (<Hyperlink onClick={() => window.open(url)}>{original.journey_name}),
 },
 {
 id: "dateId",
 Header: "First Created Date",
 accessor:
 row => moment(row.first_created_at).format('DD MMM YYYY'),
 sortable: true,
 sortMethod: (a, b) => {
  const dateA = new Date(a);
  const dateB = new Date(b);
  return dateA > dateB ? -1 : (dateA < dateB ? 1 : 0);
 },
},];

我的 React Table v6(react-table-6) 的代码片段：

<ReactTable
 className="loadJourneyModal"
 data={dataArray}
 filterable={false}
 columns={columns}
 defaultPageSize={10}
 showPageSizeOptions={false}
 PaginationComponent={PaginationComponent}
 NoDataComponent={() => }
 sortable
/>

版本：“6.11.0”

我有一个选择下拉字段，根据其选择的值显示不同的数据。在选择下拉列表中选择不同的值时，仍会保留排序过滤器。我想在下拉列表中选择不同的选项时重置反应表中的排序过滤器，即加载新数据。请指教

标签： react-tablereact-table-v6