問題タブ [relay]

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 に答える
170 参照

reactjs - GraphQLListと反応

私はgraphqlとリレーを初めて使用しますが、すべて問題なく実行できます。new GraphQLList(Property)graphql クエリを使用してサイト プロパティ リスト ( ) を取得しようとしましたが、ここでは問題はありませんprops.properties

フェッチされたプロパティの代わりに。

混乱しました、何が問題ですか?:(

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

reactjs - props.relay.setVariables でデータを更新するにはどうすればよいですか?

検索コンポーネントの「onChange」を使用して、this.props.relay.setVariables を使用して結果をフィルタリングしようとしていますが、何も再レンダリングされません。また、フィルター処理を行った場合でも、Shuffle コンポーネントが引き続き使用されることを期待しています。DB への 1 回のトリップを前もって行っており、これらの後続のリレー クエリはすべてキャッシュからのものです (それが適切かどうかはわかりません)。

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

reactjs - Relay は接続のエッジを調整できませんでした

アプリケーションでリレーを使用してページネーションを実装しようとしています。react-bootstrap テーブルとページネーションにデータを表示して、ページをナビゲートします。初めてページにアクセスすると、最初のページ データが読み込まれます (ルート クエリが実行されます)。ページネーション(1、2、3 ..)のクリックイベントで、サーバーに次のページデータを要求します。予想どおり、ルート クエリが実行され、データが取得されますが、UI のデータが更新されません。ブラウザ コンソールに次のエラーが表示されます。

警告: Relay は接続のエッジを調整できませんでした。これは、フィールドのないノードとの接続エッジを含むサーバー応答を処理しようとしているときに発生した可能性がありidます。

ページネーションをクリックした後、必要なパラメータが pageNum=2 である URL の変更を確認でき、ページを更新すると新しいデータが表示されます..しかし、データはページを更新せずに表示されるはずです。

0 投票する
12 に答える
93288 参照

reactjs - React Input による Lodash デバウンス

入力 onChange イベントから呼び出される検索機能に、lodash によるデバウンスを追加しようとしています。以下のコードは、「関数が期待されています」という型エラーを生成します。これは、lodash が関数を期待しているためです。これを行う正しい方法は何ですか?すべてインラインで実行できますか? これまでSOでほぼすべての例を試しましたが、役に立ちませんでした。

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

relayjs - リレーを使用してデータ辞書を渡す好ましい方法は何ですか

リレーを使用してデータ辞書を渡すための好ましい方法は何ですか。たとえば、私はインターフェースに持っています

すべての国リストの正しい読み方は? 私が理解しているように、このようにgraphQlをクエリするのは良い考えではありません

だから私が見る唯一の方法は、ルートでcountriesListを照会し、小道具を介して手動ですべての子コンポーネントに渡す必要があるのですか?

そして、たくさんの辞書と、より深い UI 構造があると、これは苦痛になります。

または、このデータを明示的に props に書き込まずに、ツリーのより深いルート データを渡すことができます。(文脈なしという意味です)

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

node.js - GraphQL と Relay の概念

で構築しようとしてGraphQL endpointsgolangます。

私はこれらのブログをフォローしてきましたGolang + GraphQL + Relay #1を学習して を実装し、のgraphQl単純golangなエンドポイントを正常に構築しましたGraphQL

paginationを使用してエンドポイントを構築する方法として、まだ不明な概念がいくつかありますgraphQl。また、次のような方法もあります

RelayとGraphQLの紹介

私はAngularバックグラウンド出身なので、このRelay概念はまだ私にとって非常に混乱しています。クライアントとサーバー間の通信を容易にするためにリレーがどのように機能するか。

ノードまたはこれらの概念をより明確にするものを使用した例をいくつか提供してください

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

graphql - GraphQL リレー hasNextPage

「最初の」パラメータのみが渡された場合、graphqlはどのようにhasNextPageを生成しますか? 私は使っている

return relay.connectionFromPromisedArray( global.app.get('model__user').getUsers(args), args );

およびクエリ:

query RootQueryType { viewer { user(id: 1){ id,email,friends(first: 5) {edges {cursor, node { id, email } }, pageInfo { hasNextPage } } } } }

では、hasNextPageが正しく生成されるように、どのようにgraphql /リレーフレンドカウントに渡すことができますか?

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

graphql - Relay: 親クエリの結果に基づいて getFragment をパラメーター化する

私の CMS は、それぞれが独自のノードタイプを持つノードのリストを返します。ノードタイプごとに、対応する GraphQL タイプが定義されています。

次のようなクエリが必要です。

ContentType は、提供された型変数に基づいて正しいフラグメント定義を返します。しかし、どうすれば$contentType親の結果から取得できますか?