如何从 Next.js 中的 URL 中删除一个特定的查询参数？

Question

http://localhost:3000/?search=test&type=abc&category=xyz

当我搜索 test（以及类型和类别）后，URL 更改为上面的 URL。

return router.push(
      {
         pathname: `/`,
         query: {
             // something to do here...
         },
      },
      "",
      { scroll: false }
);

接下来，我有一个onClick与此有关的router.push.

我想仅删除搜索查询并保留类型和类别查询。这怎么可能？该文档没有提及任何相关内容。

Answer 1

要从 url 中完全删除查询参数：

const { paramToRemove, ...routerQuery } = router.query;
router.replace({
  query: { ...routerQuery },
});