我遵循与提到的相同的架构 here
我想获取所有用户,所以我像这样更新了我的架构
var Root = new GraphQLObjectType({
name: 'Root',
fields: () => ({
user: {
type: userType,
resolve: (rootValue, _) => {
return getUser(rootValue)
}
},
post: {
type: postType,
args: {
...connectionArgs,
postID: {type: GraphQLString}
},
resolve: (rootValue, args) => {
return getPost(args.postID).then(function(data){
return data[0];
}).then(null,function(err){
return err;
});
}
},
users:{
type: new GraphQLList(userType),
resolve: (root) =>getUsers(),
},
})
});
在 database.js 中
export function getUsers(params) {
console.log("getUsers",params)
return new Promise((resolve, reject) => {
User.find({}).exec({}, function(err, users) {
if (err) {
resolve({})
} else {
resolve(users)
}
});
})
}
我在/graphql 中得到的结果是
{
users {
id,
fullName
}
}
结果为
{
"data": {
"users": [
{
"id": "VXNlcjo1Nzk4NWQxNmIwYWYxYWY2MTc3MGJlNTA=",
"fullName": "Akshay"
},
{
"id": "VXNlcjo1Nzk4YTRkNTBjMWJlZTg1MzFmN2IzMzI=",
"fullName": "jitendra"
},
{
"id": "VXNlcjo1NzliNjcyMmRlNjRlZTI2MTFkMWEyMTk=",
"fullName": "akshay1"
},
{
"id": "VXNlcjo1NzliNjgwMDc4YTYwMTZjMTM0ZmMxZWM=",
"fullName": "Akshay2"
},
{
"id": "VXNlcjo1NzlmMTNkYjMzNTNkODQ0MmJjOWQzZDU=",
"fullName": "test"
}
]
}
}
但是如果我尝试以 View 获取它
export default Relay.createContainer(UserList, {
fragments: {
userslist: () => Relay.QL`
fragment on User @relay(plural: true) {
fullName,
local{
email
},
images{
full
},
currentPostCount,
isPremium,
}
`,
},
});
我收到错误 发生了缩小的异常;使用非缩小的开发环境来获取完整的错误消息和其他有用的警告。
请告诉我我缺少什么。 无论是否使用@relay(plural: true),我都尝试了很多。 还尝试使用参数更新架构
users:{
type: new GraphQLList(userType),
args: {
names: {
type: GraphQLString,
},
...connectionArgs,
},
resolve: (root, {names}) =>connectionFromArray(getUsers(names)),
},
但我得到错误在实现 react-relay 时无法读取未定义的属性“之后”
提前致谢。
最佳答案
Relay 目前只支持三种类型的根字段(见 facebook/relay#112 ):
- 没有参数的根字段,返回单个 Node :
- 例如
{ user { id } }
返回{"id": "123"}
- 例如
- 带有一个参数的根字段,返回单个 Node :
- 例如
{ post(id: "456") { id } }
返回{"id": "456"}
- 例如
- 带有一个数组参数的根字段返回一个与参数数组大小相同的 Node 数组(也称为“复数标识根字段”):
- 例如
{ users(ids: ["123", "321"]) { id } }
返回[{"id": "123"}, {"id": "321"} ]
- 例如
解决方法是创建一个根字段(通常称为 viewer
),返回具有这些字段的 Node 。当嵌套在 Viewer
(或任何其他 Node )中时,允许字段具有任何返回类型,包括列表或连接。当您在 GraphQL 服务器中包装此对象中的字段后,您可以像这样查询它们:
{
viewer {
users {
id,
fullName,
}
}
}
Viewer
类型是一种 Node 类型,因为只有一个实例,所以它的 id
应该是一个常量。您可以使用 globalIdField
帮助器来定义 id
字段,并添加您想要使用 Relay 查询的任何其他字段:
const viewerType = new GraphQLObjectType({
name: 'Viewer',
interfaces: [nodeInterface],
fields: {
id: globalIdField('Viewer', () => 'VIEWER_ID'),
users:{
type: new GraphQLList(userType),
resolve: (viewer) => getUsers(),
},
},
});
在客户端,您需要将路由中的根查询更改为 { viewer }
并在 Viewer
上定义片段:
export default Relay.createContainer(UserList, {
fragments: {
viewer: () => Relay.QL`
fragment on Viewer {
users {
fullName,
local {
email,
},
images {
full,
},
currentPostCount,
isPremium,
}
}
`,
},
});
关于node.js - 无法在 react 中继中获取列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38770986/