调用Apollo客户端的GraphQL查询
调用Apollo客户端的GraphQL查询
提问于 2017-09-01 09:04:40
const allTeamApplicants = gql`
query ($id: ID!) {
allApplicants(filter: { user: { id: $id } }) {
id
firstName
lastName
appliedPosition
applicationStage
isFormFilled
isContractSigned
email
phoneNumber
}我在React web应用程序中使用GraphQL的阿波罗客户端。任何人都知道如何在事件中使用参数调用查询，例如，我想在用户单击按钮时使用参数触发查询。
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-09-01 10:08:08
要在事件中调用查询，而不是在更高级别的组件中调用查询，您应该：
导入withApollo即席
import { withApollo } from 'react-apollo';用withApollo包装你的组件
const component = withApollo(Component)在您的组件中，您将收到一个名为client的新属性，您可以将其用作Promise，例如：
function eventHandler(idParam) {
client.query({
query: gql`
query ($id: ID!) {
allApplicants(filter: { user: { id: $id } }) {
id
firstName
lastName
appliedPosition
applicationStage
isFormFilled
isContractSigned
email
phoneNumber
}
}`,
variables: {
// set the variables defined in the query, in this case: query($id: ID!)
id: idParam
}
}
})
.then(...)
.catch(...)
}更多信息请点击此处：https://www.apollographql.com/docs/react/api/react-apollo.html#withApollo
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45992025
复制相关文章
相似问题
腾讯云开发者
