問題タブ [refluxjs]

JSX コードを script タグに直接含める場合

私の反応プログラムはロードされ、正しく動作しますが、JSX を JavaScript ファイルにコンパイルしてインクルードすると、

次のエラーが表示されます

TypeError: listenable は定義されていませ んhttp://localhost/js/reflux.js 行 669

次のコマンドでコンパイルしています

Reflux を使用する場合、JSX をプリコンパイルするために必要な特別なことはありますか?

ES6 で webpack と chrome を使用するとスコープの問題が発生します

これが私のコードです：

問題は、上記のスコープで定義されているのに、init 関数のスコープでは定義されていないのはなぜですか? 助けてくれてありがとう

babel の後にコンパイルされたコードは、「use strict」のようなものです。

私の店では、次のようなものがあります。

私は以下を使用して聞いています：

これはうまくいきます。しかし、配列全体ではなく、グラフ内の特定のインデックス (stateKey) で変更をリッスンしたい場合はどうすればよいでしょうか? 今の体制でそれは可能ですか？そうでない場合、それを行うための最良の方法は何でしょうか?

私の Flux アプリケーションには、キーと値のペアの配列でそれ自体をレンダリングする DropDown React コンポーネントがあります。

1 つは国データ、もう 1 つは都市データの 2 つの異なるドロップダウンを作成したいと考えています。

Flux パターンでは、各ドロップダウンにはSelection、選択された値のペイロードを含むアクションがあり、対応するストアがその状態を更新するために使用します。

どのドロップダウンSelectionアクションがどのストアに属するかを指定するにはどうすればよいですか?

それぞれのニーズに固有のラッパーコンポーネントを作成できます。つまりCountryDropDown、 とCityDropDown、それぞれに独自の特定のアクションCountrySelectedを作成させますCitySelectedが、それは慣用的なアプローチですか? そうである場合、ハンドラーが親のアクションを起動DropDownするように、基になるコンポーネントをどのように接続しますか?onChange

私はRefluxを使用していますが、通常はajax呼び出しを行った後にトリガーしていますが、うまく機能しています。テスト目的で ajax 呼び出しは必要ありませんでしたが、最小 5 ミリ秒のタイムアウトを指定しない限り、トリガーが機能しないことに気付きました。ここに動作する例と動作しない例があります。

動作しない例:

これはうまくいきます：

遅滞なく機能しない理由を説明できますか? それはバグか、私が理解できないものですか。

tl;dr : GraphStore の UUID は、新しいグラフを追加するたびに変更されます。これにより、各グラフが独自の独自の GraphStore を作成していると想定できます。1店舗をシェアしてほしい。

複数のグラフ コンポーネントを含む React ダッシュボード コンポーネントがあります。

マイ グラフ コンポーネントには、ダッシュボードから id props が渡されます。その ID を使用して、GraphStore に格納されているグラフ配列内のデータを探します。ただし、すべてのグラフが同じ (望ましい動作) を共有するのではなく、各グラフが独自の GraphStore を作成しているように思えます。それらすべてが同じ GraphStore を使用するようにするにはどうすればよいですか?

ダッシュボードから正しい GraphStore を渡すことを考えましたが、各グラフに GraphStore からの変更をリッスンさせることはできません。

私はReflux.connectFilterを使わないことに満足していますが、これには完璧なもののようです.

私のコード（少なくとも重要な部分）：

ダッシュボード

グラフ

グラフストア

ユーザーがログインボタンをクリックすると、ユーザープロファイルナビゲーションがボタンを置き換えるなど、状態が変化するたびに内部コンポーネントを変更するヘッダーがあります。

ボタンはナビゲーション コンポーネントの一部であり、このナビゲーション コンポーネントからコンテナー コンポーネントの状態を更新する方法がわかりません。

現在の店舗の様子はこちら

そして、これが私のヘッダーコンポーネントです

日付の初期状態を設定するときに初期ヘッダーをレンダリングするのに問題はありませんが、LoggedOut コンポーネント内からその状態をターゲットにして、ストア内の状態を設定するにはどうすればよいですか?

ストアからデータを要求し、そのデータをマップしてコンポーネントのリストをレンダリングするルート ハンドラーがあります。私の問題は、別のページに移動してから戻ると、コンポーネントを再レンダリングする必要があるため、スクロール位置が復元されないことです。リストがレンダリングされるまでスクロール位置の設定を遅らせたり、何らかのナビゲーションでレンダリングされたコンポーネントの状態を保存および復元したりする方法はありますか?

私はWeb アプリケーションにRefluxJSを使用していますが、非常にうまく機能します。問題はサーバー側 (node/express) にあります。シングルトンを使用していますが、セッション間でデータを混合せずに使用する方法が見つかりませんでした。あるユーザーがストアにデータを保存すると、別のユーザー (別のセッション) が後でバックエンドにリクエストを行ったときに、そのデータはまだそこにあります。リクエストの最後にデータを削除したとしても、複数のリクエストを処理するときに混乱が生じる可能性があります。

では、クライアントとサーバーの両方で適切に機能する、Reflux に代わる優れた方法はありますか? 私は、Reflux に存在する単純化を探しています。同時に、アプリケーション全体にフラックス構造を構築するのではなく、切り離されています (Fluxible のように)。

助言がありますか？

React、React-Router (私は v0.12 を使用しています)、および Reflux を使用して、willTransitionTo で非同期リダイレクトを機能させるのに問題があります (このコードはログイン コンポーネントにありますが、既にログインしている場合は、あなたを「家」に送る必要があります）。コードは次のとおりです。

そのログイン コンポーネントはレンダリングされませんが、「ホーム」コンポーネントもレンダリングされません (URL も変更されません)。