Mui-dataTables：我可以将这些选定的过滤器存储在变量中吗？

Question

是否可以将这些选定的过滤器存储在变量中，并且当使用选择另一组过滤器时，还可以将其更新吗？如果是这样，怎么？

codesandbox：

https：//codesandbox.io/s/muidatatables-custom-custom-toolbar-forked-lrbf16

import React from "react";
import ReactDOM from "react-dom";
import MUIDataTable from "mui-datatables";

class App extends React.Component {
  render() {
    const columns = ["Name", "Title", "Location", "Age", "Salary"];

    const data = [
      ["Gabby George", "Business Analyst", "Minneapolis", 30, "$100,000"],
   […]   

Answer 1

要实现这一目标，您可以使用

onFilterChange

回回来，这样：

const options = {
...

    onFilterChange: (column, filterList, type) => {
            const selectedFilters = this.extractFilters(filterList);
            console.log(selectedFilters);
          }
}

每次过滤列表都会调用此功能。

，然后您声明函数

extractFilters

将从传递中提取所有选定的过滤器

filterList

 extractFilters = (filterList) => {
        let selectedFilters = [];
        filterList.forEach((filter) => {
          if (filter.length > 0) {
            selectedFilters.push(...filter);
          }
        });
        return selectedFilters;
      };

您可以将此数组存储在状态中。

herehhere是有效的示例。