問題タブ [react-apollo]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
94 参照

facebook-graph-api - 他のコンポーネントのサブスクリプションの結果に基づいて、コンポーネントのクエリの結果を更新する方法は?

同じページに 2 つの反応コンポーネントがあり、

  • コンポーネント 1 ユーザーのリストを照会する
  • コンポーネント 2 新しいユーザーを作成するイベントをサブスクライブする

コンポーネント 2 のサブスクリプションの結果に基づいてコンポーネント 1 の結果を更新する方法がわかりません。
コンポーネント 1:

コンポーネント 2 :

0 投票する
2 に答える
689 参照

reactjs - Apollo GraphQL - 同じミューテーションを共有する複数のコンポーネント

私は react-apollo を使用して、X 秒ごとにアプリケーションのローカル データ ストア全体を同期する必要があるアプリを作成しています。

したがって、基本的に、両方をサーバーに定期的に同期する必要があると想像<input1 />してください。<input2 />

  • 同期を実現するために、GraphQL はどのコンポーネントをラップする必要がありますか?
  • アクションのディスパッチ時に突然変異が発生するように、還元アクションでgraphql突然変異を使用することは可能ですか?
0 投票する
2 に答える
1232 参照

reactjs - react-router / urlからgraphqlクエリにpropを渡す方法は?

次のようなルートがある場合:

そして、私はこのようなクエリを持っています

現在、これは常にof でプルsomethingします。id1

:idurl パラメータをクエリに渡すにはどうすればよいidですか?

0 投票する
1 に答える
267 参照

reactjs - リアルタイムで UI を更新する Apollo Client/GraphQL

新しいレコードを作成するときに、ID を作成し、リアルタイムでデータベースに書き込み、それらの変更を UI に反映するユーザー エクスペリエンスを作成しようとしているフォームがあります。または レコードを編集しています。すでに ID が与えられているため、レコードを更新する必要があります。

私はこれを2つのケースで処理する突然変異を持っています:

ミューテーションに ID が渡されないため、新しい ID が作成されます。

ID が渡されるので、そのオブジェクトを更新します。

このコンポーネントは、compose を使用して 2 ケースのミューテーションと、そのオブジェクトのクエリをラップしています。fetchPolicy: 'cache-and-network' をアタッチしようとしましたが、うまくいきません。

意図した結果: コンポーネント アクションで生成された ID を取得しようとしています。

実際の結果: コンポーネントの再レンダリング時に ID が null と表示され、ページの更新時にのみ更新されます

問題の再現方法: 以前の ID が渡されていない場合、オブジェクトの新しい ID を作成するミューテーションがあります。または、ID が渡された場合は、そのオブジェクトを更新します。