変数付きのApolloクエリ

Question

基本的なアポロクエリリクエスト

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