問題タブ [refluxjs]

Reflux アクションを使用して React フォーム経由で新しいオブジェクトを投稿しようとしています。その部分はうまく機能しています。オブジェクトは期待どおりに投稿されていますが、そのオブジェクトをプログラムで取得しようとすると、ログアウトするか、ローカル サーバーを再起動するか、場合によっては API ページに手動でアクセスしない限り、アクセスできないようです。

オブジェクトをいつ取得できるか、いつ取得できないかについて、一貫した動作を取得できないようです。APIページを表示してからアプリページに戻ると何らかの効果があるようですが、その理由については途方に暮れています。おそらく、誰かが私のためにこれに少し光を当てることができます.

確かなことの 1 つは、POST 要求が適切に機能していることです。オブジェクトを手動で確認すると、オブジェクトは常にそこにあるからです。

また、以下のコードで気付いた場合は、API ページの最後のオブジェクトが何であるかを確認し、コンソールは以前の最後の項目であったものを返します。そのため、プログラムで API ページにアクセスできますが、作成したオブジェクトはそこにありません (ただし、ページに手動でアクセスした場合)。リフレッシュしても同じ結果になることにも注意してください。

問題が発生する可能性のある場所、またはこれが発生する理由はありますか?

アクションは次のとおりです。

反応ルーターでは、Router.run 関数内で取得できる Route-definition からプロパティを渡す方法はありますか? 特定のルートに対して特定のアクションを実行したい。おそらくこのようなもの：

Router.Run では、解決で定義された特定のアクションを実行したいと考えています。それを行う方法はありますか？

これを行う理由は、各ルートが (定義されたアクションから) サービス呼び出しをインスタンス化して、そのルートに必要なデータがストアにあることを確認できるようにするためです。コンポーネントでそれを行うことも可能です。現在の問題は、同じルート内の複数のコンポーネントが同じデータを必要とするため、API からデータを数回要求し、それらの呼び出しから得られる結果ごとに再レンダリングをトリガーすることです。 .

最近、ReactJS を学び始めましたが、非同期呼び出しについて混乱しています。

ユーザー/パス フィールドとログイン ボタンを含むログイン ページがあるとします。コンポーネントは次のようになります。

AuthService は次のようになります。

行動：

そして保存します：

したがって、ログインボタンをクリックすると、フローは次のようになります。

で直接 AuthService を呼び出していAuthService.loginます。

私の質問は、私はそれを正しくやっているのですか？

アクション preEmit を使用して、次のことを行う必要があります。

問題は、preEmit がコンポーネントへのコールバックをより複雑にすることです。正しい方法を学び、ReactJS/Reflux スタックでバックエンド呼び出しを配置する場所を見つけたいと思います。

私のプロジェクトでは、React Router を含めることにしました。私の逆流ストアの 1 つは、いくつかの BL に基づいてパスを把握し、それを変更する必要があります。最初にNavigation、ストア内にミックスインを含めて実行しようとしましthis.transitionTo("Foo");たが、エラーがスローされました:「Uncaught TypeError: 未定義のプロパティ 'router' を読み取れません」。

誰かが、「RefluxJS ストアに存在しないthis.transitionToコンテキスト () を介してルーター プロパティにアクセスしている可能性が高い」と提案しました。これは理解できます。this.context.router

ただし、プログラマチックに、または任意の外部 JS モジュールからルーター パスを変更する方法が必要です。

私のコードは次のようになります。

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

以下に示すように、qwest を使用してエンドポイントをクエリしています。onGetResourceCompleted ハンドラーは期待どおりに起動しますが、データは未定義です。なんで？

開発ツールを見るだけでなく、次のようにして単独で qwest を呼び出すことで、データが正しく読み込まれていることを確認できます。

また、次の作業を行う：

私は、webpackでrefluxjs/reactを使い始めました。非同期パターンはとても気に入りlistenAndPromiseましたが、問題が発生しました。次のコードを取得しました。

アクション：

再開サービス:

そして店の一部：

したがって、ユーザーが変更を行うと、ストア内の履歴書変数が更新されます。ここで、ユーザーは変更を保存したいので、トリガーするボタンを押しますAction.save()。resumeここに私の問題があります:ストアからservice上記のファイルに変数を渡すにはどうすればよいですか?

奇妙なことvar Store = require('stores/ResumeStore'); に、serviceファイルで行うと、値が になりますobject {}。これは、ストアをサービスに含めた場合にのみ発生します。これは、必要な無限ループなどと関係があると思います。( ストアにはアクションが必要、アクションにはサービスが必要、サービスにはストアが必要)

これは大きなバグであるか、すべてのハンドラーがそれらのアクションごとに呼び出されている場合、ストアによってトリガーされるさまざまなアクションに対して異なるビュー (React) ハンドラーを使用することの有用性を理解するのに苦労しています。

これが私の言いたいことです：https://jsfiddle.net/69z2wepo/10946/

期待される出力:

私が実際に得るもの：

この出力を見るだけで、これは間違っていると言えます。ただし、明確にするために、アクション 1 はアクション 1 のハンドラーのみをトリガーし、アクション 2 はアクション 2 のハンドラーのみをトリガーする必要があります。

私は何か間違ったことをしていますか？

助けてください！

PS: また、this.listenTo で ComponentDidMount を手動で使用してみました。同じ振る舞い。

ストアが別のストアへのアクションを作成しても問題ありませんか?

私のデータは常に頻繁に変更されており、データが更新されるたびstore Aにデータを渡したいと思っています。store Astore Bstore A

そのため、現在のデータでstore Aアクションを「起動」するハンドル関数を呼び出すデータ変更時にリスナーを作成し、ストア Bでデータが変更されるたびに新しいデータを取得します。dataChange(this.data)store AonDataChange(data)store A

それは機能していますが、これがデータフローを処理する方法なのか、それとももっとエレガントな方法があるのか​​ を知りたいです。