アドホッククエリをディスパッチするには、リレーを使用しますか？

Question

私はRelayに慣れていて、まだ私の頭を包み込んでいます。私の理解に基づいて、リレーはコンポーネントにクエリを関連付けます。このようにして、GraphQLサーバからコンポーネントをx、y、zで提供する必要があると言えます。私の理解に基づいて、正規のreact-relayライブラリは、コンポーネントがレンダリングされようとしているときに、適切なタイミングでこれらのクエリをディスパッチします。

これは、単純にデータのリストを表示するなど、まっすぐ進む使用の場合には意味があります。

しかし、どうやってやっているのか混乱しているのは、コンポーネントに結びついているもののカテゴリにはあまり入らないクエリをディスパッチする方法です。ユーザー認証セッショントークンなどを取得しようとするクエリなど。これは私の現在の状況です：私はGraphQLからセッショントークンをフェッチするフォームでユーザーサインを作成しようとしています。私はユーザ名とパスワードの引数を必要とするパラメータ化されたGraphQLフィールドを持っており、セッショントークンが有効であればそれを返します。 Relayを使用してそのセッショントークンを照会する方法はわかりません。

私は基本的にクエリをディスパッチし、レスポンスを処理するだけです（セッショントークンをReactアプリケーションの状態に置く）。

アイデア？

Answer 1

リレーのAPIは主に、コンポーネントのデータを簡単に取得できるようにすることに重点を置いていますが、リレーはアドホッククエリもサポートしています。 APIは比較的低レベルで、データの取得と読み取りのための別個の機能を備えています。ここでは、アドホッククエリを取得し、応答にアクセスする方法の例です：

// Create a query with values for any variables: 
var query = Relay.createQuery(Relay.QL`query ... `, {var: 'value'}); 
// Fetch any fields that have not yet been cached: 
Relay.Store.primeCache({query}, readyState => { 
    if (readyState.done) { 
    // When all data is ready, read the data from the cache: 
    var data = Relay.Store.readQuery(query)[0]; 
    /* access fields on `data` */ 
    } 
}); 

データがリレーのキャッシュと同期する必要がない場合、あなたはまた、フェッチ、XHR（プレーンネットワーク要求を使用することができますなど）を使用して、プレーンな文字列クエリをGraphQLエンドポイントに送信します。

Answer 2

正直なところ、別のライブラリを使用するのが最も簡単です。私のnodeプロジェクトでLokkaを使用しています。これは単純で信頼性の高いものです。

// config 
const Lokka = require('lokka').Lokka; 
const Transport = require('lokka-transport-http').Transport; 

const client = new Lokka({ 
    transport: new Transport('http://graphql-swapi.parseapp.com/') 
}); 



// query 
client.query(` 
    { 
    allFilms { 
     films { 
     ...${filmInfo} 
     } 
    } 
    } 
`).then(result => { 
    console.log(result.allFilms.films); 
});