繁体   English   中英

React GraphQL Relay - 如何做一个简单的查询?

[英]React GraphQL Relay - How to do a simple query?

目标:

我正在尝试使用中继从GraphQL 服务器查询特定字符。

问题:

查询在GraphiQL 中工作。 但是在这里,当运行"relay-compiler": "^1.4.1"我得到...

错误:解析错误:错误:FindGraphQLTags:graphql 标签中的操作名称必须以模块名称为前缀,并以“Mutation”、“Query”或“Subscription”结尾。 Jedi模块中获得了clientQuery 在“组件/Jedi.js”中

问题:

我不能像在 GraphiQL 中那样查询特定字符吗? 我怎样才能做到这一点?

编码:

import React from 'react'
import { QueryRenderer, graphql } from 'react-relay'

const BlogPostPreview = props => {
 return (
   <div key={props.post.id}>{props.post.name}</div>
 )
}

export default QueryRenderer(BlogPostPreview, {
post: graphql`
         query clientQuery {
           character(id: 1000) {
             id
             name
             appearsIn
          }
        }
    `
})

graphql 标签中的操作名称必须以模块名称为前缀

如果 BlogPostPreview 是您的模块的名称,您应该将您的查询 (clientQuery) 重命名为 BlogPostPreviewQuery。

以下是示例。 如果查询在:

  • /app/foo.js - fooQueryfooAnythingQuery
  • /app/foo/index.js - fooQueryfooAnythingQuery
  • /app/Foo/index.js - FooQueryFooAnythingQuery
  • /app/foo/bar.js - barQuerybarAnythingQuery

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM