代码之家 › 专栏 › 技术社区 › Christian Weisenburger

Apollo变量查询

react-apollo apollo graphql

Christian Weisenburger · 技术社区 · 6 年前

只是一个基本的阿波罗查询请求

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上找不到解决方案-如果有人能帮我,那就太好了:)

1 回复 | 直到 6 年前

Mikael Lirbank 5 年前

应该是这样的:

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

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

阿波罗客户端的所有详细信息的文档可以在以下位置找到: https://www.apollographql.com/docs/react/api/apollo-client.html#ApolloClient.query

推荐文章

Norbert Pushparaj Yuvaraj · Apollo查询组件返回结果后调度redux操作

6 年前

Jordan Hensley · 从React Apollo组件内部设置mobX状态

6 年前

jkdowdle · 阿波罗反应:阿波罗缓存持久化似乎不起作用

6 年前

Taylor Austin · 如何在apollo/graphql/react中的refetchQuery期间将Id传递给组件中未调用的查询

6 年前

pellea · 使用react apollo,如何使用TypeScript在同一组件中定义2个突变?

6 年前

chacham15 · 如何在React Apollo中向图形对象添加计算状态?

6 年前

Ian Likono · 将aws appsync与nextjs连接

6 年前

Soren · 如何处理apollo链接状态中的嵌套状态(类似于Redux的CombineReducer)

7 年前

user3142695 · ReactJS/JestJS/Enzyme:如何测试compose()中使用的graphql()函数?

7 年前

Smek · 如何在Reactjs中使用Apollo客户端创建更新表单

7 年前