gpt4 book ai didi

javascript - 如何在 NEXT JS 中的路由之间传递状态?

转载 作者:行者123 更新时间:2023-12-05 08:48:05 27 4
gpt4 key购买 nike

我的页面中有一个对象内的数据。我想从那个页面重定向到另一个页面以及像下面的代码这样的数据

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

我在 bookingstep1 页面中收到了这样的数据

 const {query} = useRouter()

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

我是 Next.js 的新手,所以非常感谢任何帮助。

最佳答案

如果你想发送“路由状态”,你必须通过查询字符串来完成,但你实际上可以通过 as 属性“屏蔽”在浏览器中显示的路径。

Router.push

router.push(url, as, options)

as - Optional decorator for the URL that will be shown in thebrowser.

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

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

关于javascript - 如何在 NEXT JS 中的路由之间传递状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66513773/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com