問題タブ [refluxjs]

ラジオ ボタンを表示する React コンポーネントがあります。これらへの変更はRefluxによって処理されるべきです。私が理解しているようthis.trigger(object)に、オブジェクトへの変更を保存するために呼び出す必要があります。残念ながら、それは無限ループを引き起こします。

エラーを示すJSFiddle hereを投稿しました。誰かが私が間違っていることを見ることができますか? どのonUpdateAutoComplete(checked)ように作成する必要がありますか？

チェックボックスコンポーネント

onUpdateAutoComplete

乾杯、マーティン

Reflux.connectFilter mixin を使用して、一連の Graph コンポーネントに GraphStore の変更をリッスンさせています。フィルターを使用すると、ID に一致する GraphStore のグラフ配列内の要素が変更 (または追加/削除) された場合にのみ再レンダリングする必要があります。ただし、たとえば name 変数を設定して配列の 1 つの要素を更新すると、すべてのリスニング グラフが再レンダリングされます。私は何か間違ったことをしていますか？

グラフストア

グラフ

ダッシュボード

ReactとRefluxを使用しています。そして、コメントのリスト内の 1 つのコメントを更新する方法を理解するのに苦労しています。

私は州がどこに行くべきかについて混乱しています。私は状態をCommentsListの一番上に置きました。Reactのように考えてください。そして、CommentsItem は単なる小道具です。そして、各 CommentsItem には LikeButton があり、これも小道具として作成しました。

問題は、LikeButton で like アクションを呼び出すと、CommentsStore のすべてのコメントがリロードされることです。すべてのコメントではなく 1 つのコメントを読み込む新しいストアが必要だと思いますか? しかし、それは私がコメント項目に状態を入れているということですか? ここでのベストプラクティスについては、ちょっと混乱しています。

これは私が取り組んでいるものです：

<ProfilePage />

<CommentsList />

<CommentsItem />

<LikeButton />

私はまだフロントエンドの状態に頭を悩ませようとしています。リソースのストアを設定するための一般的なベスト プラクティスはありますか? たとえば、私の Web API には次のものがあります。

最初は、BikeStore とbikes: []. 現在、私は ShowBike コンポーネントに取り組んでいますが、BikeStore を使用する必要があるかどうか (正確にはわかりません)、または単一のアイテム用に 2 番目のストアを作成する必要があるかどうかはわかりません。

「customerLoaded」アクションをリッスンしている Reflux ストアがあります。このアクションにより、顧客の詳細が店舗に提供されます。ストアが新規または更新された顧客情報を受信すると、リッスン コンポーネントに新規または更新された顧客の詳細を通知するようトリガーされます。

(すべてのコードはオランダ語から英語に翻訳されているため、1 つまたは 2 つのタイプミスがある可能性があります)

そして、逆流アクションがあります。

この問題は、setEmail アクションが使用されているときに発生します。実際、このアクションは正常に機能し、メール アドレスはサーバー上で更新されます。サーバーから顧客の詳細をリロードするアクションもトリガーされますが、loadCustomer.preEmit では、「CustomerActions.customerLoaded(data)」アクションがトリガーされても何も起こりません。CustomerStore はこのアクションに応答しません。'data' パラメータには期待どおりのデータが含まれているため、これは問題ではありません。

最も奇妙なことは、最初に顧客の詳細を画面に表示するために、CustomerActions.loadCustomer と CustomerStore の同じ組み合わせが問題なく使用されることです。この組み合わせは、別の顧客の詳細を表示するために使用する場合にも機能します。

何が問題なのか、またはストアがアクションに応答しない理由を確認するために何ができるかについての手がかりを誰かが持っていますか?

前もって感謝します！