Wie erstelle ich ein graphql-Schema für eine sich selbst referenzierende Datenhierarchie?

Question

Dies funktioniert nicht, weil die Art bezieht sich auf den Routen Felddefinition seiner selbst:

var routeType = new GraphQLObjectType({ 
    name: 'MessageRoute', 
    fields: { 
    name: { 
     type: GraphQLString 
    }, 
    routes: { 
     type: new GraphQLList(routeType), 
     resolve: (route) => { 
     return route.routes; 
     } 
    } 
    } 
}); 

so wie ich es tun?

Answer 1

Ein GraphQL-Typ kann sich auf sich selbst beziehen (oder sich auf einen anderen in einer Datei später definierten Typ beziehen), indem er fields als Funktion definiert, die ein Objekt und kein Objekt zurückgibt. Die Funktion wird aufgerufen, nachdem die Seite vollständig analysiert wurde.

Für Ihr Beispiel:

var routeType = new GraphQLObjectType({ 
    name: 'MessageRoute', 
    fields: function() { 
    return { 
     name: { 
     type: GraphQLString 
     }, 
     routes: { 
     type: new GraphQLList(routeType), 
     resolve: (route) => { 
      return route.routes; 
     } 
     } 
    }; 
    } 
}); 

Oder, wenn Sie ES6 verwenden, eine nette Abkürzung für diese mit dem Pfeil Funktionen:

var routeType = new GraphQLObjectType({ 
    name: 'MessageRoute', 
    fields:() => ({ 
    name: { 
     type: GraphQLString 
    }, 
    routes: { 
     type: new GraphQLList(routeType), 
     resolve: (route) => { 
     return route.routes; 
     } 
    } 
    }) 
}); 

Answer 2

Ich mag darauf hinweisen, dass Sie Verwenden Sie eine Funktion für eine beliebige Eigenschaft in einem Objekt mit Javascript getter.

Anstatt also innerhalb einer Funktion die gesamte fields Eigentum der Verpackung können Sie eine Funktion nur für die type Eigenschaft wie folgt verwendet werden:

var routeType = new GraphQLObjectType({ 
    name: 'MessageRoute', 
    fields: { 
    name: { 
     type: GraphQLString 
    }, 
    routes: { 
     get type() { 
     return new GraphQLList(routeType) 
     }, 
     resolve: (route) => { 
     return route.routes; 
     } 
    } 
    } 
});