在组件ProTable中的search属性下，用react+typescript+history实现页面刷新保持search的数据和状态

要实现页面刷新时保持 ProTable 的 search 数据和状态，可以使用 react-router 的 history 对象来实现。

首先，在组件中引入 useHistory 钩子：

import { useHistory } from 'react-router-dom';

然后在组件中使用 useHistory 钩子获取 history 对象：

const history = useHistory();

接下来，可以在 ProTable 的 search 属性中使用 onSearch 方法来监听搜索事件，然后在搜索时将搜索参数存储到 history 对象中：

<ProTable
  search={{
    onSearch: (values) => {
      history.push({
        pathname: history.location.pathname,
        search: queryString.stringify(values),
      });
    },
    // 其他属性...
  }}
  // 其他属性...
/>

这里使用了 queryString 库将搜索参数序列化为 URL 查询字符串，并将其存储到 history 对象的 search 属性中。

最后，在组件的 useEffect 钩子中监听 history 对象的变化，并在 URL 查询字符串变化时更新 ProTable 的搜索参数：

useEffect(() => {
  const params = queryString.parse(history.location.search);
  setSearchParams(params);
}, [history.location.search]);

这里使用了 useEffect 钩子来监听 history 对象的变化，当 URL 查询字符串发生变化时，将查询字符串解析为搜索参数，并将其更新到组件的状态中。这样，当页面刷新后，ProTable 的搜索参数和状态就会被还原。