Nextjs 路由器推送数组答案

【问题标题】：Nextjs Router push arrayNextjs 路由器推送数组
【发布时间】：2021-10-27 08:51:38
【问题描述】：

我想在 nextjs 上使用 url 参数进行过滤。但无法将数组数据发送到 url。

这是我的“过滤器”参数：

{"group":["174","175"],"concept":["9","10"],"target":[],"color":[],"material":[],"order":null,"q":"keyword"}

这是我的代码：

 const url = { pathname: `/shop`,  query: filter }
    const urlAs = { pathname: `/shop` , query: filter }

    router.push(url, urlAs, { shallow: false });

我希望它返回类似的网址；

?group=174,175&concept=9,10

但它会像这样返回；

?group=174&group=175&concept=9&concept=10

我该如何解决？

【问题讨论】：

标签： next.js router

【解决方案1】：

如果你想在 url 查询参数中有一个列表，它工作正常，例如如果你想要arr=[1,2,3]，你必须像这样设置网址：

?arr=1&arr=2&arr=3

【讨论】：