問題タブ [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.
facebook-graph-api - 他のコンポーネントのサブスクリプションの結果に基づいて、コンポーネントのクエリの結果を更新する方法は?
同じページに 2 つの反応コンポーネントがあり、
- コンポーネント 1 ユーザーのリストを照会する
- コンポーネント 2 新しいユーザーを作成するイベントをサブスクライブする
コンポーネント 2 のサブスクリプションの結果に基づいてコンポーネント 1 の結果を更新する方法がわかりません。
コンポーネント 1:
コンポーネント 2 :
reactjs - Apollo GraphQL - 同じミューテーションを共有する複数のコンポーネント
私は react-apollo を使用して、X 秒ごとにアプリケーションのローカル データ ストア全体を同期する必要があるアプリを作成しています。
したがって、基本的に、両方をサーバーに定期的に同期する必要があると想像<input1 />
してください。<input2 />
- 同期を実現するために、GraphQL はどのコンポーネントをラップする必要がありますか?
- アクションのディスパッチ時に突然変異が発生するように、還元アクションでgraphql突然変異を使用することは可能ですか?
reactjs - react-router / urlからgraphqlクエリにpropを渡す方法は?
次のようなルートがある場合:
そして、私はこのようなクエリを持っています
現在、これは常にof でプルsomething
します。id
1
:id
url パラメータをクエリに渡すにはどうすればよいid
ですか?
reactjs - リアルタイムで UI を更新する Apollo Client/GraphQL
新しいレコードを作成するときに、ID を作成し、リアルタイムでデータベースに書き込み、それらの変更を UI に反映するユーザー エクスペリエンスを作成しようとしているフォームがあります。または レコードを編集しています。すでに ID が与えられているため、レコードを更新する必要があります。
私はこれを2つのケースで処理する突然変異を持っています:
ミューテーションに ID が渡されないため、新しい ID が作成されます。
ID が渡されるので、そのオブジェクトを更新します。
このコンポーネントは、compose を使用して 2 ケースのミューテーションと、そのオブジェクトのクエリをラップしています。fetchPolicy: 'cache-and-network' をアタッチしようとしましたが、うまくいきません。
意図した結果: コンポーネント アクションで生成された ID を取得しようとしています。
実際の結果: コンポーネントの再レンダリング時に ID が null と表示され、ページの更新時にのみ更新されます
問題の再現方法: 以前の ID が渡されていない場合、オブジェクトの新しい ID を作成するミューテーションがあります。または、ID が渡された場合は、そのオブジェクトを更新します。