阿波罗GraphQL允许使用变量来传递参数给查询或者突变。变量可以在查询字符串中使用$
符号来引用,并且可以在查询或者突变定义中声明和赋值。
下面是一个包含代码示例的解决方法:
ApolloClient
和gql
(GraphQL标记模板字符串):import { ApolloClient, gql } from '@apollo/client';
ApolloClient
实例,并设置GraphQL服务器的URI:const client = new ApolloClient({
uri: 'http://localhost:4000/graphql',
});
const GET_USER = gql`
query GetUser($userId: ID!) {
user(id: $userId) {
id
name
}
}
`;
const userId = '123';
client.query({
query: GET_USER,
variables: { userId },
})
.then(result => console.log(result.data))
.catch(error => console.error(error));
在上面的示例中,我们定义了一个查询GetUser
,它接受一个名为userId
的变量参数。在使用client.query
方法时,我们将变量参数传递给variables
选项。
这是一个简单的示例,你可以根据自己的需求定义更复杂的查询或者突变,并使用多个变量参数。请注意,变量参数的名称需要和定义中的名称保持一致。
希望这个解决方法对你有帮助!