带变量的 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>});
});

问题是，如何/在哪里设置 $okta 变量。

没有在 Stackoverflow 或 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