GraphQL返回数据但在代码中未定义

Question

我正在使用下面的gql查询生成一个GraphQL请求。

export const GET_DETAILS = gql`
  query ($id: String) {
    country(id: $id) {
      currency
      phone
    }
  }
`;

但是当我在下面的代码中注销它时，它返回未定义的。

render() {
    return (
      <div>
        <Query query={GET_DETAILS} variables={{ id: `${this.props.match.params.code}` }}>
            {(loading, error, data) => {
              {console.log(data)} // ----> Here it is undefined

              return (
                <div>
                </div>
              );
            }}
        </Query>
      </div>
    );
  }

知道我做错了什么吗？该怎么纠正？

Answer 1

与所有API请求一样，GraphQL查询是异步的，因此如果数据还没有从服务器到达，则无法记录数据，这看起来像是您正在尝试的。

如果您在记录数据之前检查数据是否存在，那么它将起作用。

if (data) {
   console.log(data);
}