React Hooks：当 location.search 改变时让 useEffect 运行

Question

每次我的 URL 的查询参数发生变化时，我都试图让 useEffect 触发，这是 URL 的格式：

https://localhost:3000/main/persons?results=1

在我的代码中，我有以下内容：

const location = useLocation();

useEffect(() => {
      console.log('Location update')
    }, [location]);

但是，我的问题是 useEffect 仅在 location.pathname 更改时运行，而不是在 URL 的查询参数更改（？results = 1）时运行。 我也尝试过以下逻辑： [location.pathname, location.search] 但没有运气。

有谁知道我该如何解决这个问题？

Answer 1

尝试这样做：

const pathName = useLocation().pathname;

useEffect(() => {
      console.log('Location update')
    }, [pathnName]);

同样对于 location.search

Answer 2

对于 URL 参数，请在您的钩子中使用 useParams

let { results} = useParams();

useEffect(() => {
      console.log('Params updated',results)
    }, [results]);