問題タブ [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.
reactjs - GraphQLListと反応
私はgraphqlとリレーを初めて使用しますが、すべて問題なく実行できます。new GraphQLList(Property)
graphql クエリを使用してサイト プロパティ リスト ( ) を取得しようとしましたが、ここでは問題はありませんprops.properties
。
フェッチされたプロパティの代わりに。
混乱しました、何が問題ですか?:(
reactjs - props.relay.setVariables でデータを更新するにはどうすればよいですか?
検索コンポーネントの「onChange」を使用して、this.props.relay.setVariables を使用して結果をフィルタリングしようとしていますが、何も再レンダリングされません。また、フィルター処理を行った場合でも、Shuffle コンポーネントが引き続き使用されることを期待しています。DB への 1 回のトリップを前もって行っており、これらの後続のリレー クエリはすべてキャッシュからのものです (それが適切かどうかはわかりません)。
reactjs - Relay は接続のエッジを調整できませんでした
アプリケーションでリレーを使用してページネーションを実装しようとしています。react-bootstrap テーブルとページネーションにデータを表示して、ページをナビゲートします。初めてページにアクセスすると、最初のページ データが読み込まれます (ルート クエリが実行されます)。ページネーション(1、2、3 ..)のクリックイベントで、サーバーに次のページデータを要求します。予想どおり、ルート クエリが実行され、データが取得されますが、UI のデータが更新されません。ブラウザ コンソールに次のエラーが表示されます。
警告: Relay は接続のエッジを調整できませんでした。これは、フィールドのないノードとの接続エッジを含むサーバー応答を処理しようとしているときに発生した可能性がありid
ます。
ページネーションをクリックした後、必要なパラメータが pageNum=2 である URL の変更を確認でき、ページを更新すると新しいデータが表示されます..しかし、データはページを更新せずに表示されるはずです。
reactjs - React Input による Lodash デバウンス
入力 onChange イベントから呼び出される検索機能に、lodash によるデバウンスを追加しようとしています。以下のコードは、「関数が期待されています」という型エラーを生成します。これは、lodash が関数を期待しているためです。これを行う正しい方法は何ですか?すべてインラインで実行できますか? これまでSOでほぼすべての例を試しましたが、役に立ちませんでした。
relayjs - リレーを使用してデータ辞書を渡す好ましい方法は何ですか
リレーを使用してデータ辞書を渡すための好ましい方法は何ですか。たとえば、私はインターフェースに持っています
すべての国リストの正しい読み方は? 私が理解しているように、このようにgraphQlをクエリするのは良い考えではありません
だから私が見る唯一の方法は、ルートでcountriesListを照会し、小道具を介して手動ですべての子コンポーネントに渡す必要があるのですか?
そして、たくさんの辞書と、より深い UI 構造があると、これは苦痛になります。
または、このデータを明示的に props に書き込まずに、ツリーのより深いルート データを渡すことができます。(文脈なしという意味です)
node.js - GraphQL と Relay の概念
で構築しようとしてGraphQL endpoints
いgolang
ます。
私はこれらのブログをフォローしてきましたGolang + GraphQL + Relay #1を学習して を実装し、のgraphQl
単純golang
なエンドポイントを正常に構築しましたGraphQL
。
pagination
を使用してエンドポイントを構築する方法として、まだ不明な概念がいくつかありますgraphQl
。また、次のような方法もあります
私はAngular
バックグラウンド出身なので、このRelay
概念はまだ私にとって非常に混乱しています。クライアントとサーバー間の通信を容易にするためにリレーがどのように機能するか。
ノードまたはこれらの概念をより明確にするものを使用した例をいくつか提供してください
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 /リレーフレンドカウントに渡すことができますか?
graphql - Relay: 親クエリの結果に基づいて getFragment をパラメーター化する
私の CMS は、それぞれが独自のノードタイプを持つノードのリストを返します。ノードタイプごとに、対応する GraphQL タイプが定義されています。
次のようなクエリが必要です。
ContentType は、提供された型変数に基づいて正しいフラグメント定義を返します。しかし、どうすれば$contentType
親の結果から取得できますか?