Reactjs 使用Apollo gql编写WHERE GraphQL查询

Reactjs 使用Apollo gql编写WHERE GraphQL查询,reactjs,typescript,graphql,apollo,react-apollo,Reactjs,Typescript,Graphql,Apollo,React Apollo,在我的游乐场上运行此查询非常有效: query { users(where:{email_contains: "b"}) { nodes { email firstName } totalCount } } 但我无法将其转换为这种格式,以便在我与Apollo gql的代码中使用。我怎样才能以一种我可以传递任何我想要的变量的方式来修正它?连同中的 interface Input { email: Str

在我的游乐场上运行此查询非常有效:

 query {
    users(where:{email_contains: "b"}) {
      nodes {
        email
        firstName
      }
      totalCount
    }
  }
但我无法将其转换为这种格式,以便在我与Apollo gql的代码中使用。我怎样才能以一种我可以传递任何我想要的变量的方式来修正它?连同
中的

interface Input {
  email: String;
  firstName: String;
  lastName: String;
}

export const LoadUsersQuery = gql`
  query users(where $email: String!){
    users {
      nodes {
        firstName
        email
      }
      totalCount
    }
  }
`;
从模式中,我知道:

users(
where: UserFilter
): UserConnection

etc etc

您需要定义如下内容

 query {
    usersList($email_contains: string) {
      users(email_contains: $email_contains}) {
        nodes {
          email
          firstName
        }
        totalCount
      }
   }
}
有关更多信息,请查看文档:

 query {
    usersList($email_contains: string) {
      users(email_contains: $email_contains}) {
        nodes {
          email
          firstName
        }
        totalCount
      }
   }
}