如何解决React - 带有输入变量的 Apollo 客户端查询
我正在努力理解如何在反应中使用 apollo 客户端查询内容。
这是想要实现的查询id:
query signIn {
signIn(input: { email: "test2@gmail.com",password: "test123" }) {
token
}
}
import { gql } from '@apollo/client';
export const SIGN_IN = gql`
{
signIn(input: { email: $email,password: $password }) {
token
}
}
`;
import { useQuery } from '@apollo/client';
import { SIGN_IN } from '../../apollo/queries/SIGN_IN';
export const Homepage = () => {
const { data,loading,error } = useQuery(SIGN_IN,{
variables: {
input: {
email: 'test3@gmail.com',password: 'test123',},});
但我最终收到此错误:
{
"loading": false,"error": {
"graphQLErrors": [],"networkError": {
"name": "ServerError","response": {},"statusCode": 400,"result": {
"errors": [
{
"message": "Variable \"$email\" is not defined.","locations": [
{
"line": 2,"column": 25
},{
"line": 1,"column": 1
}
],"extensions": {
"code": "GRAPHQL_VALIDATION_Failed","exception": {
"stacktrace": [
"GraphQLError: Variable \"$email\" is not defined.",
我该怎么做?
亲切的问候
解决方法
好的,找到答案
如果任何人的寻找这一点,这里有云:
<ion-input type="text" name="address" value="" formControlName="address" ngDefaultControl></ion-input>
查询定义应该是这样的:
with
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。