带有 React-Apollo 的 GraphQL：无法读取未定义的属性

Question

我定义了以下 gQL，

import gql from 'graphql-tag'

const SIGN_UP_QUERY = gql`
  query {
    signUpForm @client {
      firstName
      email
      password
    }
  }
`

我将它与 react-apollo 查询一起使用

<Query query={SIGN_UP_QUERY}>
    {({
      data: {
        signUpForm: { firstName }
      },
      loading
    }) => { ...... }}
</Query>

有了这个我得到一个错误 Cannot read property 'firstName' of undefined

我在这里做错了什么？

Answer 1

您在data变量存在/加载之前对其进行解构。在尝试访问数据之前，您应该等到 loading = false。