小编dee*_*hdm的帖子

我想在使用 的方法导航时以编程方式在页面之间传递useRouter数据push()。以下代码将我重定向到 url http://localhost:3000/[object%20Object]，但我希望它能带我到http://localhost:3000/home?userid=deepeshdm&orderid=12345. 为什么会这样，我该如何解决？

// app/page.js

"use client"
import { useRouter } from "next/navigation";

export default function Home() {

  const router = useRouter();

  const handleClick = () => {
    router.push({
      pathname: '/home',
      query: { userid: 'deepeshdm', orderid: '12345' },
    });
  };

  return (
   <>
   <h1 align="center"> Root Page </h1>  <br/>
   <button onClick={handleClick}> GO HOME </button>  <br/>
   </>
  )
}