Javascript 传递参数时发生GraphQL语法错误
当我尝试传递此查询时,第一行出现语法错误,即使我使用的是与此相同语法的变体:Javascript 传递参数时发生GraphQL语法错误,javascript,reactjs,typescript,graphql,apollo,Javascript,Reactjs,Typescript,Graphql,Apollo,当我尝试传递此查询时,第一行出现语法错误,即使我使用的是与此相同语法的变体: GraphQLError: Syntax Error: Expected Name, found } 单词usersList是自定义的 这是操场上的原始查询: query { users(where: {email_contains: "B"}) { nodes { email firstName } totalCount } }
GraphQLError: Syntax Error: Expected Name, found }
单词usersList
是自定义的
这是操场上的原始查询:
query {
users(where: {email_contains: "B"}) {
nodes {
email
firstName
}
totalCount
}
}
我这样称呼它:
const [searchItem, setSearchItem] = useState('');
返回(
{
setSearchItem(值);
}}
onRequestSearch={()=>loadUsers({
变量:{
其中:{email_包含:searchItem}
}
})}
/>
);
语法错误是正确的(并且应该指出问题的确切位置)-其中有一个游离的}
:
users(where: $where}) {
# ^
什么是
searchItem
。。。首先检查硬编码值。。。首先在onRequestSearch
正文中定义一些$vars
对象,检查其定义是否正确,传入变量,检查网络请求等。searchItem是我从搜索栏中读取的值。我已经打印和测试,它的作品。查询给出了一个语法错误。它从未执行过,因此它从未到达指向..的网络请求部分@xadmsyntax?当您遇到错误时,请始终发布准确的错误消息。下次在操场上使用变量进行测试
const [loadUsers, { loading, data }] = useLazyQuery(LoadUsersQuery);
return (
<div>
<StyledSearchBar
value={searchItem}
onChange={value => {
setSearchItem(value);
}}
onRequestSearch={() => loadUsers({
variables: {
where: {email_contains: searchItem}
}
})}
/>
</div>
);
users(where: $where}) {
# ^