使用 Next JS 13 和 Link 组件添加具有相同键但不同值的多个查询

问题描述 投票:0回答:0

我正在尝试添加具有多个值和相同键的查询,例如:

https://localhost:3000/users?name=Carl&name=Josh&name=Frank&skill=10&age=27

在这个例子中,我需要过滤技能水平为 10 岁和 27 岁的用户以及特定名称的列表,以便查询参数“名称”将有多个条目。我正在使用 Next JS 13 和接受 href prop 内对象的 Link 组件

<Link
  href={{
     pathname: ‘/users’,
     query: {
       …searchParams
       {name: ‘Frank’}
     }
   }}
>
 Add Frank to the query
</Link>

我在这里需要的是将 Frank 添加到查询中的名称列表中,但当然这段代码只是替换了 Frank 之前的名称值。如何使用此 Link 组件添加带有键“name”的多个条目,而无需使用带有大量代码行的自定义挂钩,有一种简单的方法吗?

routes next.js navigation tsx nextjs13
© www.soinside.com 2019 - 2024. All rights reserved.