我正在尝试根据搜索关键字获取Shopify产品。
我通过在查询中传递硬编码值来测试此查询,它可以正常工作,但我需要传递变量值,因此在这种情况下,它会给出一个错误
Grapghql查询错误searchKeyword已声明但未使用。
这里是我的查询来搜索产品的基础上title
,tag
和product_type
。
失败的案例:
export const searchProductsQuery = gql` query($searchKeyword: String!){
shop {
products(first: 10, query:"title:'$searchKeyword' OR tag:'$searchKeyword' OR product_type:'$searchKeyword'") {
edges {
cursor
node {
id
title
handle
description
productType
images(first: 5) {
edges {
node {
id
src
}
}
}
variants(first: 5) {
edges {
node {
id
title
price
}
}
}
}
}
}
}
}`;
成功案例:
export const searchProductsQuery = gql` query{
shop {
products(first: 10, query:"title:'games' OR tag:'games' OR product_type:'games'") {
...
};
您为操作定义的变量就是变量。不能像模板文字占位符那样使用它们,这是您要尝试做的事情。
在GraphQL中,变量只能用作参数的输入。例如,query
是带(非空)字符串的参数。因此,我们可以创建一个变量,例如$mySearchQuery
,将其设置为"title:'games' OR tag:'games' OR product_type:'games'"
,然后像这样使用它:
products(query:$mySearchQuery)
如果您有一个javascript变量要用作的一部分$mySearchQuery
,则可以$mySearchQuery
使用模板文字来设置在javascript代码中传递的值:
const options = {
variables: {
mySearchQuery: `title:'${keyword}' OR tag:'${keyword}' OR product_type:'${keyword}'`
}
}
您会看到一个错误,该变量已声明并且从未使用过,因为从未使用过它-查询中对它的引用是字符串的一部分,因此将按字面意义进行解析。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句