問題タブ [reactjs-flux]

私はこのようなことをしたい

別のアプリ

これは単純なオートコンプリートです（ファイル全体ではありません）

CountryAutoComplete は、このような自己完結型になります。

Flux docs に基づいて、API 呼び出しを使用するものはすべて、

アクション -> API -> ディスパッチャー -> ストア -> コンポーネント

これにより、CountryAutoComplete が特定のアプリに関連付けられます。これは、アクション、Dispatcher、およびストアがアプリに固有であるためです。このコンポーネントを複数のアプリで再利用できるようにする最善の方法は何ですか?

したがって、flux アーキテクチャでは、データは次のように流れます。

ビューがコメント ボックスであるとしましょう。ユーザーがコメントを送信すると、addComment アクションがトリガーされますが、そのコメントはサーバーのどこに送信されるのでしょうか? 発送する前にアクション関数で発生する必要がありますか、それともディスパッチャからアクションを受け取ったときにストアが行う必要がありますか?

どちらのケースも、単一責任パターンに違反しているように見えます。それとも、1 つの LocalCommentStore と ServerCommentStore の 2 つの CommentStore が存在し、どちらも addComment アクションを処理する必要がありますか?

だから私はバックボーンルーターを使用して反応アプリを持っていますが、ナビゲートしようとするとDOMContentLoaded、次のようになります:

スタック トレースをステップ実行しようとしましたが、何が起こっているのかわかりません。エラー ( ReactMount._registerComponent) をスローするメソッドが数回ヒットし、最初の 2 つはエラーをスローしません。DOM 要素として問題はそこにあります。私は問題なく他のプロジェクトで使用したコンポーネントを使用しており、これをデバッグするためにすべての部分を最小限に抑えています (これまでのところ失敗しています)。

DOM 構造:

ルーターコードを使用：

LoginForm コンポーネント:

ルートがヒットLoginForm#renderしました。期待どおりにヒットしました。何が欠けていますか?

スタック トレースは次のとおりです。その下部には、ルーターのサインイン方法が示されています。

読んでくれてありがとう！

ここにあるFacebookからflux-todomvの例を構築しようとしています： flux-todomvc

依存関係をインストールした npm installed を実行しました。

実行すると、次のnpm startように戻ります。

watchify -o js/bundle.js -v -d .

1655542 bytes written to js/bundle.js (3.51 seconds)

ただし、bundle.js ファイルは作成されておらず、index.html を開くと、取得しようとして 404 エラーが発生しますbundle.js。

何か案は？

編集：

私は今、ばかげていると感じています。問題は、コードのどこにもストアを必要としていないため、実際には作成されていないことでした。

リッスンしているアクションを呼び出したときに、refluxjs ストアがコールバックを呼び出していません。関連するコードは次のとおりです。

行動：

店：

アクションを起動するコンポーネント:

Loginコンポーネントでフォームを送信すると、submitメソッドはエラーをスローせずにonCreateUser呼び出されますが、ストアのメソッドは呼び出されません。

listenables逆流 github ページの例はかなり単純に見えますが、これはストアでプロパティを使用する例とほぼ同じです。

どんな助けでも大歓迎です。