小编loa*_*oan的帖子

我有一个问题，我需要在更新后获取查询参数。

在此示例中，当我将console.log重置router.query为空对象时（并且路线已更新）。

为什么？我缺少什么？

当我让它发挥router.push(/foo?page=1)作用时！

这是一个错误吗？

代码沙盒链接

import { useEffect } from "react";
import { useRouter } from "next/router";

export default function IndexPage() {
  const router = useRouter();

  useEffect(() => {
    console.log("router.query change", router.query);
  }, [router.query]);

  const changeRoute = () => {
    router.push("/foo", { query: { page: "1" } });
  };

  return (
    <div>
      <button onClick={changeRoute}> change route</button>
    </div>
  );
}