首页 文章

在graphql查询中包装组件时出错

提问于
浏览
1

我正在使用apollo客户端向graphql服务器发送请求 .

所以我用这种方式将一个react组件包装在graphql函数中

graphql(query)(HomeView);

我得到了这个错误:

传递给解析器的[object Object]参数不是有效的GraphQL DocumentNode . 您可能需要使用“graphql-tag”或其他方法将操作转换为文档

我该如何解决这个问题?

这是我的组件代码:

import React, {Component} from 'react';

import { graphql } from 'react-apollo';
import gql from 'graphql-tag';

const query = {
    query: gql`
        {
            hello
        }
    `
};

class HomeView extends Component {
    render() {
        return (
            <div>
                <h1>Home</h1>
            </div>
        );
    }
}

export default graphql(query)(HomeView);

1 回答

  • 2

    您需要将所有查询包装在gql标记中:

    const query = gql`
        {
          hello
        }
    `;
    

相关问题