Next.js添加子弹/参数以清理URL

编程问答 2022-08-23

问题描述

在这样的“页面”文件夹中，我的结构具有清晰的URL ... 

/pages/items/[pageNumber]/index.tsx

如果我使用router.push，我就用它来访问该页面... 

router.replace("/items/[pageNumber]","/items/1")

效果很好，但是现在我想向该URL添加查询参数（用于过滤器），该怎么做？

我尝试过了... 

router.push(`/items/[pageNumber]/`,`/items/1/?${filterParams}`,{ shallow: true });

但这是行不通的，我想知道如何做到这一点。

解决方法

像这样使用时

router.push(`/items/[pageNumber]/`,`/items/1/?${filterParams}`,{ shallow: true });

我想您没有将查询参数传递给页面，我只是在地址栏中显示它们。

这样的事情如何？

router.push({
  pathname '/items/[pageNumber]/',query: {
    param1: 'yes',},{
  pathname: '/items/1/',});

请不要忘记为您的案例更新query部分。

next-routerreactjsreactjsreactjsreactjsslugslug