类型“string[]”不能分配给类型“string| ParsedUrlQueryInput|零|undefined' Next.js和Typescript

zpgglvta  于 2023-06-29  发布在  TypeScript
关注(0)|答案(1)|浏览(327)

我尝试在Next.js中使用<Link href={{ pathname: "/model", query: data }}>将字符串数组从一个页面传递到另一个页面,但是query带有红色下划线:

Type 'string[]' is not assignable to type 'string | ParsedUrlQueryInput | null | undefined'.
Type 'string[]' is not assignable to type 'ParsedUrlQueryInput'.
Index signature for type 'string' is missing in type 'string[]'.ts(2322)

data只需要从一个页面传输到一个按钮组件并传递到另一个页面,而不是全局使用,我应该使用useContext来修复这个bug吗?或者使用array.toString()将字符串数组转换为字符串,然后再转换回数组?或任何建议可以提供?

a7qyws3x

a7qyws3x1#

query属性不接受字符串数组。必须传递字符串或对象。
你可以在一个特定的querystring下传递字符串数组:

<Link href={{ pathname: "/model", query: { data } }}>

然后在下一页使用useRouter钩子获取名为data的查询字符串。

相关问题