問題タブ [react-relay]

アプリのストーリーブックを作成しようとしてreact-realyいますが、そのコンポーネントのモックアップ データを設定する方法がわかりません。単純なコンポーネントの場合は、ダミーの UI コンポーネントとコンテナーのアプローチを使用できるため、問題ありませんが、ネストされたリレー コンポーネントにはこれを使用できません。たとえば、ストーリーブックUserListに追加したいコンポーネントがあり、リレー フラグメントを分割できます。一部をコンテナに、UI 部分をコンポーネントに、しかし子がコンポーネントをリレーしすぎるとどうなるでしょうか。?の構成の一部である場合、それらを分割することはできません。UserListUserList

ストーリーブックにリレー コンポーネントを追加するための解決策はありますか?

私が達成しようとしている流れは

1. ユーザーが「Create X」ボタンをクリック
2. リレーミューテーションを使用して空白の X を作成する
3. モーダルを開いて X を編集する

Xx (タイプ)、その親、およびそれらの間のエッジを返すサーバー側のミューテーションがあるため、クライアント側で実行しRANGE_ADDてストアを更新できます。

showModal最初の引数からコンポーネントを作成し、2 番目の引数から props を提供する redux アクションです。

EditXModal中継コンテナです。

私が得ている特定のエラーは

通常、フラグメントを適切に構成するのを忘れたときにそのエラーが発生するため、 に、構成CreateBlankXMutationに追加しようとしましEditXModal.getFragment(...)たgetFatQuery(REQUIRED_CHILDREN両方とも の下x) - ダイスなし、同じエラー。

オブジェクトを「検査」すると ( console.log)、変異後にフラグメントが正しく設定されていることがわかります -xのように見え{ id: "...", ..., _someField: ... }ますが、モーダルがロードされるとフラグメントは適切に解決されます (x同じように見えます -_...フラグメントのプロパティはまだあります)。

次の単純な Relay Modern コードがあります。

実行する前にコードをリレー コンパイルしようとしていますが、次のエラーが発生します。

ドキュメントに記載されているセクションでcompanyId定義されているため、変数がスコープ内にない理由がわかりません。variablesQueryRenderer

id (例) に固定値を使用すると、node id: "Company:59b2cda12504b914cc398100"コードがリレー コンパイルされ、データを正常に取得できます。ID を動的に選択する必要がある場合に問題が発生します。

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

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

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