时间戳

首页 > 解决方案 > 带有浏览器后退/前进按钮的浅层路由 NEXT.js

reactjs - 带有浏览器后退/前进按钮的浅层路由 NEXT.js

问题描述

在我的多步骤表单中单击“下一步”按钮时，我设法更改了路径。

    <div className="mt-3 sm:mt-0 sm:ml-3">
       <a
         onClick={() => {
         formStepToLast();
         {router.push(`/?step=${+2}`, undefined, {
            shallow: true
          });
        }; 
       }
    }
    className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-yellow-500 hover:bg-yallow-600 md:py-4 md:text-lg md:px-10"
                  >
       Next
     </a>
 </div>

因此，onClick 用户继续执行表单的下一步，路径更改为 /step=2 或任何步骤。我只是在这里复制了一步。但是，浏览器按钮无法正确导航。如果我使用这些，我只会停留在当前步骤上。因此，基本上 step=1 不会被“分配”给表单的 FormStep1，FormStep2 也是如此。我忘了smth吗？

标签： reactjsnext.js

解决方案

推荐阅读