Ausgestaltung des Relais spec Betrachter in GraphQL

Question

Mein Schema.graphql von Relais, das ist die Struktur I, zu erreichen bin versucht

type Root { 
    viewer: Viewer 
} 

type Viewer { 
    categories(id: ID): Category 
    subCategories(CategoryId: ID!) : [SubCategory] 
    items(SubCategoryId: ID): Item 
    shopItems(ShopId: ID, SubCategoryId:ID): Item 
} 

Jetzt ist der Server, mein viewer.js wie folgt aussieht,

const Viewer = new GraphQLObjectType({ 
    name: 'viewer', 
    fields: { 
    categories, 
    subCategories, 
    Items, 
    shopItems, 
    }, 
}); 

und die Wurzel ist,

const RootQuery = new GraphQLObjectType({ 
    name: 'query', 
    fields: { 
    viewer: { 
     type: Viewer, 
    }, 
    }, 
}); 

Es gibt mir die Struktur ich will, aber ich kann nichts von rootQuery, viewer si lösen Mply gibt NULL zurück, weil ich den Viewer-Typ in RootQuery nicht auflösung. Irgendwelche Ideen, wie man diese Relay-Spezifikationsstruktur richtig implementiert? Danke Jungs

Answer 1

In Abwesenheit des Codes Ihres Resolvers (vielleicht verwenden Sie die Standardeinstellung), sollte dies helfen.

Sie verwenden ein akzeptiertes Muster eine Wurzel viewer Objekt zu haben, deren „Typ“ ist der eigentliche Abfrage Typ root. Dieser Typ muss seinen Feldern eine Möglichkeit geben, sich zu Ihrer realen Architektur aufzulösen. Zum Beispiel:

const subCategories = { 
    type: GraphQLList({ ofType: SubCategory }), 
    arguments: { 
    CategoryId: { type: GraphQLNonNull({ ofType: GraphQLID }), 
    }, 
    resolve(rootValue, { CategoryId }, context, info) { 
    // look stuff up based on CategoryId and return it 
    }, 
}; 

const Viewer = new GraphQLObjectType({ 
    name: 'viewer', 
    fields: { 
    categories, 
    subCategories, 
    Items, 
    shopItems, 
    }, 
}); 

Answer 2

Dumm mich, löste es durch Zuschauer wie diese Lösung,

const RootQuery = new GraphQLObjectType({ 
    name: 'query', 
    fields: { 
    viewer: { 
     type: Viewer, 
     resolve(viewer, args) { 
     return {viewer: viewer} 
    } 
    }, 
    }, 
});