問題タブ [relaymodern]

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 投票する
1 に答える
336 参照

reactjs - Relay Store アップデーターが動作しない

ミューテーションに対してアップデーターを実行しようとしていますが、うまく機能していません。「setValue は関数ではありません」と表示され、newEvent と relayEvent で console.log を実行すると、正しいデータが返されます。お願い助けて!

私のミューテーションは機能していますが、どういうわけかデータが更新されていないため、機能していないアップデーターを実行する必要がありました

私のコードは次のとおりです。

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

javascript - Relay Modern QueryRenderer render props が定義されていないのはなぜですか?

これは、Relay Modern を使用する最初の試みです。から特定のユーザーを取得していPostgraphQL GraphQL Serverます。データは正常にフェッチされていますが、レンダリング関数に渡されていません:

「読み込み中...」のみがレンダリングされます。

Graphqlサーバーと環境が正常であるというデータを正常にフェッチするため、私は推測しています。

私は React 16 を使用しておらず、プロジェクトも Redux を使用しています。

RelayProps が値を持たない理由 (relayProps.user など) について何か提案をお願いします。

環境 (ファイル) はメイン アプリケーションにあり、QueryRendererコンポーネントはインポートされた npm パッケージ (複数のアプリケーション間で共有される) に含まれています。前述のように、クエリは正常に機能しているように見えるので、これが問題だとは思いませんでした。パッケージでリレー コンパイラも実行しますが、メイン アプリケーションにはリレー コンポーネントがないため実行しません。

必要な場合に備えて、環境は次を使用してセットアップされます。

0 投票する
0 に答える
313 参照

reactjs - Relayモダンで動的引数を渡す方法は?

Relay-Modern には、現在の日付を引数として渡すという特定の要件があります。このステップが時間の構築に移されたため、initialVariables (Relay Classic Api の一部) にコードを記述できないため、Relay-Modern では不可能であることがわかりました。そのため、親レベルで QueryRenderer を使用して、マウント時に変数をコンポーネントに渡します。このアプローチを 1 つのコンポーネントに使用するとうまくいきました。しかし、同じデータを表示するが異なる変数を使用する 2 つのコンポーネントがあるという別の問題が発生しました。

現在のウィジェット

現在の時間に基づいて 10 件のレコードを表示します

遅延ウィジェット

currentTime から始まる 20 レコードを表示 - 30 分

両方のコンポーネントが共通のデータを持つことができます。

親レベルで独自の変数を宣言すると、コンパイル時に失敗します:

Expected all fields on the same parent with the name or alias events to have the same name and arguments

Relay-Modern でこれらの問題を解決するための正しいアプローチは何ですか?

PS: 両方のコンポーネントまたは親レベルで大きなデータ セットを取得し、JS でロジックを使用してフィルター処理し、UI に表示するハック方法を知っています。