在umi中，useSearchParams是一个React Hook，用于获取和操作URL查询参数。以下是一个使用useSearchParams的样例：
首先，确保你已经安装了umi和react-router-dom。
- 在页面组件中使用
useSearchParams来获取和操作URL查询参数：
```javascript
import { useSearchParams } from 'umi';
export default function SearchPage() {
const [searchParams, setSearchParams] = useSearchParams();
const handleSearch = () => {
setSearchParams({ keyword: 'example', page: 1 });
};
return (
Keyword: {searchParams.get('keyword')}
Page: {searchParams.get('page')}
);
}
```
在上面的示例中，我们定义了一个名为SearchPage的页面组件，并使用useSearchParams钩子来获取和操作URL查询参数。useSearchParams返回一个数组，第一个元素是一个URLSearchParams对象，用于获取和操作查询参数，第二个元素是一个函数，用于更新查询参数。
我们通过调用setSearchParams函数来更新查询参数，传入一个包含新的查询参数的对象。在这个例子中，当点击"Search"按钮时，我们将查询参数设置为{ keyword: 'example', page: 1 }。
然后，我们使用searchParams.get方法来获取查询参数的值，并将其显示在页面上。
这就是使用useSearchParams的基本样例。你可以根据自己的需求在页面组件中使用它来获取和操作URL查询参数。
