[英]How to use arrays Schema Types for GraphQL
第一次嘗試 GraphQL,我希望一個架構類型能夠訪問另一個架構類型中的對象數組。 在將它連接到 MongoDB 之前,我正在使用本地數據和 lodash 來測試它。 我在嘗試時遇到了一些錯誤。 我知道我很接近。 任何援助將不勝感激。
以下是我最近的嘗試。 我使用 express-graphql 訪問 GraphQLList 並使用 GraphQLID 訪問第二個模式。
架構.js
var projects = [
{
name: "Title 1",
subtitle: "Subtitle 1",
summary: "Lorem ipsum....",
languageId: ["4", "2"],
id: "1"
},
...
var languages = [
{ name: "Javascript", id: "1" },
{ name: "HTML", id: "2" },
{ name: "CSS", id: "3" },
{ name: "Python", id: "4" },
]
...
const ProjectType = new GraphQLObjectType({
name: 'Project',
fields: () => ({
id: { type: GraphQLID },
name: { type: GraphQLString },
subtitle: { type: GraphQLString },
summary: { type: GraphQLString },
languages: {
type: new GraphQLList(GraphQLID),
resolve(parent, args) {
console.log(parent)
return _.find(languages, { id: parent.languageId })
}
}
})
});
const LanguageType = new GraphQLObjectType({
name: 'Language',
fields: () => ({
id: { type: GraphQLID },
name: { type: GraphQLString },
})
});
//Root Queries
const RootQuery = new GraphQLObjectType({
name: 'RootQueryType',
fields: {
project: {
type: ProjectType,
args: { id: { type: GraphQLID } },
resolve(parent, args) {
return _.find(projects, { id: args.id });
}
},
language: {
type: LanguageType,
args: { id: { type: GraphQLID } },
resolve(parent, args) {
return _.find(languages, { id: args.id })
}
}
}
});
目的是在Graphiql中調出該項目中使用的語言列表,看起來像這樣......
{
"data": {
"project": {
"name": "Project 1"
languages{
names{
"Python"
"HTML"
}
}
}
}
}
相反,我得到以下...
{
"errors": [
{
"message": "Syntax Error: Expected Name, found }",
"locations": [
{
"line": 7,
"column": 7
}
]
}
]
}
我重新格式化了對一系列語言進行硬編碼的決心,這有效,但它不起作用。 任何建議將不勝感激。 謝謝大家的時間。
我的標簽的舊項目有問題。 最后,我通過 try and catch 找到了它,你可以使用這個標簽:{type: GraphQLList(GraphQLString)},
我不確定您要進行什么查詢。 但是為了返回嵌套在Projects
Languages
,您應該更改languages
字段的返回類型。
就像是:
const ProjectType = new GraphQLObjectType({
name: 'Project',
fields: () => ({
id: {type: GraphQLID},
name: {type: GraphQLString},
subtitle: {type: GraphQLString},
summary: {type: GraphQLString},
languages: {
// change this type to LanguageType
type: new GraphQLList(LanguageType),
resolve(parent, args) {
// No need to lodash here
return languages.filter((language) => {
return parent.languageId.includes(language.id)
})
}
}
})
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.