reactjs - 创建用于过滤数据的自定义搜索过滤器

Question

我想将过滤请求中的自定义过滤器字符串/json发送到服务器。但无法找到实现这一目标的方法

下面是添加到过滤器对话框的过滤器页脚

customFilterDialogFooter: (currentFilterList, applyNewFilters) => {
  return (
    <div style={{ marginTop: "40px" }}>
      <Button
        variant="contained"
        onClick={() => handleFilterSubmit(applyNewFilters)}
      >
        Apply Filters
      </Button>
    </div>
  );
}

并使用以下功能网格选项功能

 onFilterConfirm: (filterList) => {
  // setGridProps((prevState) => ({
  //   ...prevState,
  //   pageNum: 0,
  //   query: filtering,
  // }));

  console.log(filtering);
},
onFilterChange: (column, filterList, type) => {
  if (column.filter === true) {
    let colIndex = columns.findIndex(function (item, i) {
      return item.name === column.name;
    });
    filtering[column.name] = filterList[colIndex][0];
  }
}

其中过滤是一个用空对象初始化的对象。但问题是在调用 onFilterChange 之前调用了 handleFilterSubmit 。所以问题是是否有任何其他功能可用，或者有什么方法可以创建我的过滤对象。