GraphQLは、別のクエリの変数としてフィールド値を使用します。

Question

私は、同じコンポーネントに両方とも必要な2つのオブジェクトを照会しています。問題は、一方のクエリが他方のクエリを待機し、他方の引数としてそのフィールドのidを使用することです。これを実装する方法がわかりません。

const PlayerQuery = gql`query PlayerQuery($trackId: Int!, $duration: Int!, $language: String!) { 
    subtitle(trackId: $trackId, duration: $duration) { 
    id, 
    lines { 
     text 
     time 
    } 
    } 
    translation(trackId: $trackId, language: $language, subtitleId: ???) { 
    lines { 
     translation 
     original 
    } 
    } 
}`; 

だからtranslation上記のクエリでsubtitleクエリによって返される引数としてsubtitleIdを必要とします。
私はクライアントとサーバーの両方でApolloを使用しています。

Answer 1

これは、REST/RPCスタイルのAPIとGraphQLの間に大きな違いがあることを示しているため、大きな疑問です。 RESTスタイルAPIでは、返されるオブジェクトにはより多くのデータをフェッチする方法に関するメタデータしか含まれていないため、APIコンシューマはこれらのテーブルに対してJOINを実行する方法を知っている必要があります。あなたの例では、subtitleとtranslationがあり、IDプロパティを使用してJOINする必要があります。 GraphQLでは、オブジェクトは孤立して存在することはほとんどなく、スキーマ自体にエンコードされた関係も存在します。

あなたはschemaを投稿しませんでしたが、その外見から、translationオブジェクトとsubtitleオブジェクトを作成し、それらの両方をルートクエリに公開しました。私の推測では、それはこのようなものになりますことをされています。あなたの代わりに何をすべき

const Translation = new GraphQLObjectType({ 
    name: "Translation", 
    fields: { 
    id: { type: GraphQLInt }, 
    lines: { type: Lines } 
    } 
}); 

const SubTitle = new GraphQLObjectType({ 
    name: "SubTitle", 
    fields: { 
    lines: { type: Lines } 
    } 
}); 

const RootQuery = new GraphQLObjectType({ 
    name: "RootQuery", 
    fields: { 
    subtitle: { type: SubTitle }, 
    translation: { type: Translation } 
    } 
}); 

module.exports = new GraphQLSchema({ 
    query: RootQuery 
}); 

を、このような字幕の翻訳INSIDEに関係を作ることです。 GraphQLの目標は、まずデータ内にグラフや関係を作成し、そのデータにエントリポイントを公開する方法を理解することです。 GraphQLでは、グラフ内の任意のサブツリーを選択できます。

const Translation = new GraphQLObjectType({ 
    name: "Translation", 
    fields: { 
    id: { type: GraphQLInt }, 
    lines: { type: Lines } 
    } 
}); 

const SubTitle = new GraphQLObjectType({ 
    name: "SubTitle", 
    fields: { 
    lines: { type: Lines } 
    translations: { 
     type: Translation, 
     resolve:() => { 
     // Inside this resolver you should have access to the id you need 
     return { /*...*/ } 
     } 
    } 
    } 
}); 

const RootQuery = new GraphQLObjectType({ 
    name: "RootQuery", 
    fields: { 
    subtitle: { type: SubTitle } 
    } 
}); 

module.exports = new GraphQLSchema({ 
    query: RootQuery 
}); 

注：わかりやすくするために、引数フィールドと追加のリゾルバは省略しました。あなたのコードはもう少し洗練されたものになると確信しています。