ant design pro protable 动态设置搜索表单中输入值

Ant Design Pro 的 Portaleable 组件库允许你在动态场景下对搜索表单进行定制，包括设置输入值。要实现在搜索表单中动态地改变输入值，你可以这样做：

1. 首先，确保你已经初始化了 SearchForm 组件，并传递了一个配置对象，其中包含了 search 和 onSearch 方法。

import { SearchForm } from '@ant-design/pro-table';

const dynamicSearch = (value) => {
  // 这里可以基于某些条件或用户输入更新搜索关键字
  return value;
};

<SearchForm
  search={dynamicSearch}
  onSearch={(params) => {}}
/>

2. 在 `dynamicSearch` 函数中，可以根据需要获取当前输入值并对其进行处理。例如，可以监听用户的输入变化或者通过组件的 ref 来访问输入元素。

<SearchForm
  search={({ inputValue }) => dynamicSearch(inputValue)}
  inputRef={ref => (inputRef.current = useRef())} // 或者使用其他方式获取输入引用
/>

当用户输入内容时，`inputRef.current.current.value` 将返回当前输入的值，你可以在这里进行修改。

3. 当你需要改变搜索输入，比如从 API 返回的数据动态填充，可以在适当的时候调用这个函数，将新的值赋给 `inputRef.current.current.value`。

const handleDataChange = (newInputValue) => {
  inputRef.current.current.value = newInputValue;
};

// 在处理API数据或状态变更的地方调用 handleDataChange()
handleDataChange('新搜索关键词');