带有变量的 Apollo 查询

Question

只是一个基本的 apollo 查询请求

this.client.query({
  query: gql`
    {
      User(okta: $okta){
        id
      }
    }`
}).then(result => {
  this.setState({userid: result.data.User});
  console.log(this.state.userid.id)
}).catch(error => {
  this.setState({error: <Alert color="danger">Error</Alert>});
});

问题是，how/where设置 $okta 变量。

没有在 Whosebug 或 Google 上找到解决方案 - 如果有人能帮助我就太好了:)

Answer 1

应该是这样的：

const query = gql`
  query User($okta: String) {
    User(okta: $okta){
      id
    }
  }
`;

client.query({
  query: query,
  variables: {
    okta: 'some string'
  }
})

可在此处找到包含所有详细信息的 Apollo 客户端文档：https://www.apollographql.com/docs/react/api/apollo-client.html#ApolloClient.query

带有变量的 Apollo 查询

Apollo Query with Variable

apollo

graphql

react-apollo