在使用 graphql 进行另一个查询之前，如何等待查询完成？

Question

我有一个名为 GET_ME 的查询和另一个名为 GET_USER_NOTIFICATIONS 的查询。第二个它正在寻找将来自第一个查询的用户 ID。我的问题是有时我会收到 [TypeError: undefined is not an object (evaluating 'o.props.getMe.me._id')]

这是我的代码：

export default compose(
  withApollo,
  graphql(GET_ME, { name: "getMe" }),
  graphql(GET_USER_NOTIFICATIONS, {
    name: "notification",
    skip: props => !props.getMe || !props.getMe.me,
    options: props => ({
      variables: { r_id: props.getMe.me._id }
    })
  })
)(Notifications);

有什么帮助吗？

Answer 1

你可以尝试做：

variables: { r_id: props.getMe && props.getMe.me ? props.getMe.me._id : null }
// I use "null" in case the object doesn't exists. 
// You can use value that your graphql needs.

（为了简单起见，您也可以使用 lodash _.get(...)）

该错误表明它正在执行变量赋值，尽管您已将查询设置为跳过。但在分配时 getMe 或 getMe.me 是 "undefined"。

如果这没有帮助，您可以在 render 方法中使用 Render props Apollo 组件。这样，您可以保证在无法访问 getMe.me._id.

的情况下无法设置变量

在使用 graphql 进行另一个查询之前，如何等待查询完成？

How do I wait for a query to finish before making another query with graphql?

graph

apollo

reactjs

react-native

react-apollo