如何在 NEXT JS 中的路由之间传递状态？

我的页面中有一个对象内的数据。我想从该页面重定向到另一个页面以及数据，如下面的代码

const redirectAppointmentStep1 = (value) => {
    router.push({
      pathname: '/Appointment/bookingstep1',
      query: {value : value},
    })
  }

我收到了这些数据bookingstep1像这样的页面

 const {query} = useRouter()

但问题是查询出现在 url 上，并且 url 看起来不干净。如何将数据从一个页面发送到另一个页面，但不将其显示在 url 上？

我是 Next.js 的新手，因此我们将非常感谢任何帮助。

如果你想发送“路由状态”，你必须通过查询字符串来完成，但你实际上可以通过以下方式“屏蔽”浏览器中显示的路径：as财产。

路由器推送 https://nextjs.org/docs/api-reference/next/router#routerpush

router.push(url, as, options)

as- 将在中显示的 URL 的可选装饰器 浏览器。

您可以修饰 URL 以匹配路径名。

const redirectAppointmentStep1 = (value) => {
  router.push(
    {
      pathname: '/Appointment/bookingstep1',
      query: {value : value},
    },
    '/Appointment/bookingstep1', // "as" argument
  )
}