useSearchParams怎么使用

使用`useSearchParams`钩子可以获取当前URL中的查询参数。下面是一个使用`useSearchParams`的示例：

import { useSearchParams } from 'react-router-dom';
import { useEffect } from 'react';

function MyComponent() {
  const [searchParams, setSearchParams] = useSearchParams();

  useEffect(() => {
    // 获取名为"keyword"的查询参数
    const keyword = searchParams.get('keyword');
    console.log(keyword);
  }, [searchParams]);

  return (
    // ...
  );
}

在上面的示例中，我们使用`useSearchParams`钩子来获取当前URL中的查询参数。然后，我们在`useEffect`中监听`searchParams`的变化，并获取名为"keyword"的查询参数。你可以根据自己的需求，修改代码来获取其他的查询参数。