ProTable中表格怎么获取搜索条件的值

在 Ant Design Pro 中，`<ProTable>` 组件支持通过 `request` 属性来指定数据请求函数，而在这个函数中，可以通过 `params` 参数获取当前的搜索条件值。

例如，假设我们有一个简单的 `<ProTable>` 组件：

<ProTable
  columns={columns}
  request={fetchData}
  rowKey="id"
  search={{
    labelWidth: 120,
  }}
/>

其中，`request` 属性指定了一个名为 `fetchData` 的数据请求函数，`search` 属性用于开启表格的搜索功能。

那么在 `fetchData` 函数中，可以通过 `params` 参数获取当前的搜索条件值：

const fetchData = async (params) => {
  const { current, pageSize, ...rest } = params;
  console.log('搜索条件：', rest);

  // 发起数据请求并返回数据
};

在上面的代码中，我们通过对象解构语法将 `current` 和 `pageSize` 从 `params` 参数中提取出来，然后通过剩余参数语法 `...rest` 获取剩余的搜索条件，最后在控制台输出搜索条件的值。

注意，如果您在 `<ProTable>` 组件中使用了 `tableRef` 属性，那么可以通过 `tableRef.current.getDataSource().params` 获取当前的搜索条件值。例如：

const tableRef = useRef();

<ProTable
  columns={columns}
  request={fetchData}
  rowKey="id"
  search={{
    labelWidth: 120,
  }}
  tableRef={tableRef}
/>

const fetchData = async () => {
  const { current, pageSize, ...rest } = tableRef.current.getDataSource().params;
  console.log('搜索条件：', rest);

  // 发起数据请求并返回数据
};