reactjs - Next.js Router.push() 自动重新加载页面

Question

有没有办法在不使用 Next.js 重新加载页面的情况下执行 Router.push()？

我正在为基于 url 呈现不同组件的页面使用 [...all].js 主文件，但我希望能够在它们之间移动而不触发整个页面重新加载 - 这是一个多步骤表单.

换句话说，我希望能够通过将 URL 从“form/1”更新为“form/2”来在表单的步骤之间移动

标签： reactjsreact-routernext.jsnext-router

Answer 1

将选项设置shallow为 true 以避免页面刷新

router.push('/?step=2', null, { shallow: true })