阿波罗查询道具的不同实现

Question

有多种方法（据我所知2种）来使用Apollo的新Query和Mutation道具。 但是，我只能成功实现其中之一。

像这样在Query属性中定义查询：

 <Query query={gql`
          {
            getStudies{
              studies_id
              name_studies
              lab_studies
              objective_studies
              active_studies
            }
          }
          `}>
            {({ loading, error, data }) => {
              if (loading) return <div>Fetching</div>
              if (error) return <div>Error</div>
              const studiesToRender = data.getStudies;
              return(
              <div>
                {studiesToRender.map(study => <Study key={study.studies_id} study={study}/>)}</div>    
              )
            }}
          </Query>

工作并将我的数据从数据库中带回进行渲染

但是，当我尝试将查询作为预格式化的对象传入时，会导致状态400错误的请求错误：

const LIST_STUDIES = gql`
  {
    ListStudies{
      getStudies {
        studies_id
        studies_name
        studies_lab
        studies_objective
        studies_active
      }
    }
  }`
....
 <Query query={LIST_STUDIES}>
            {({ loading, error, data }) => {
              if (loading) return <div>Fetching</div>
              if (error) return <div>Error</div>
              const studiesToRender = data.ListStudies.getStudies;
              return(
              <div>
                {studiesToRender.map(study => <Study key={study.studies_id} study={study}/>)}</div>    
              )
            }}
          </Query>

这是服务器端的typeDefs和解析器：

export const typeDefs = `
    type Study {
        studies_id: ID
        name_studies: String
        lab_studies: String
        objective_studies: String
        active_studies: String
    }

    type Query {
        getStudy(studies_id: ID!): Study
        getStudies: [Study]
    }
    }`;

export const resolvers = { 
    Query: {
        getStudies: () => {
            return  db.many ( 'SELECT * FROM po1dev_v0022.studies')
                // .then(data => { console.log( data); })  
                .then(data => { return data; }) 
                .catch(error => { console.log('SELECT ALL ERROR: ', error); }); 
        }
    },
};

我更喜欢第二种实现，因为它似乎更灵活地用于突变和传递状态值。 如果我忘记提及任何事情或需要澄清的事情，请告诉我。

干杯:)

编辑：我正在使用pg-promise包连接到本地PostgreSQL数据库

Answer 1

问题是这两个查询不相同，第二个查询的格式不正确。 这是第一个：

{
  getStudies {
    studies_id
    name_studies
    lab_studies
    objective_studies
    active_studies
  }
}

第二个：

{
  ListStudies {
    getStudies {
      studies_id
      studies_name
      studies_lab
      studies_objective
      studies_active
    }
  }
}

第二个查询被包装在不必要的大括号对中。

GraphQL允许在编写文档时使用简写符号，该文档允许您省略操作的名称和操作的类型（ query ， mutation或subscription ）。 如果省略操作类型，则假定该操作为查询。 最好避免在实践中使用速记符号，并且始终同时包括名称和操作类型。 结果查询如下所示：

query SomeOperationName {
  getStudies {
    studies_id
    name_studies
    lab_studies
    objective_studies
    active_studies
  }
}