問題タブ [refluxjs]

React と Reflux を使用してアプリを構築しており、アイテムのリストを特定の順序でレンダリングしようとしています。

アイテムは、新しい順にレンダリングされるカスタム Post コンポーネントであるため、最新の投稿がリストの一番上に表示されます。

Khan Academy のTimeoutTransitionGroupを使用して、リスト項目をフェードインおよびフェードアウトさせています。

私が見ている問題は、新しい投稿を追加し、コンポーネントが新しい小道具を介して更新されたリストを取得すると、リストの最初の要素ではなく最後の要素で遷移が発生することです。追加された新しいアイテムの位置なので、最初の要素がフェードインするようにしたいと思います。

投稿 2 <- この投稿は新しく追加されました

投稿 1 <- この投稿はフェードインします

アイテムの同じ順序を指定する方法はありますが、それらを逆の順序でレンダリングするか、同様の方法はありますか?

これは私のコンポーネントのレンダリング関数です:

これは CSS トランジションです。

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

まだグーグルアウトできていないのではないかと疑っていますが、componentWillMount（）メソッドを使用して還流ストアを使用して状態を更新したいこの反応コンポーネントがあります。

ストアの状態を更新することはできますが、 this.trigger を使用してストアから状態を更新しても、データの更新された状態が得られず、混乱しました。データの更新された状態を取得するにはどうすればよいですか。

現時点での私のコンポーネントは次のとおりです

そして私のお店はこちら

最近は React と Reflux に取り組んでいます。私が立ち往生している部分は、Reflux のストアで AJAX を使用して初期状態を取得できないことです。私が試したのは、Store.js でajax($.getJSON)ingetInitialState関数を呼び出し、AJAX 応答 (JSON) で初期状態を設定し、状態が何であるかを把握することです。AJAX 呼び出しから得られる出力は JSON 配列リストになると予想していましたが、実際の出力はundefined

では、Reflux を使用する Store で AJAX を使用してどのように getInitialState を取得できますか?

コードはこのようなものです...

console.log()Refluxで起動されたすべてのアクションをグローバルに行う方法はありますか? 理想的には、それらのパラメータを同時に出力します。

私は、ReactJS で使用するために、Flux アーキテクチャと Reflux (ディスパッチャのない単純なバージョン) の両方に慣れています。

完全な Flux では、アクションには明確で重要な目的がある (または、少なくともその目的を持たせることができる) ように思えます。外部サービスを更新するために使用できます (例: API を介してデータをサーバーに保存する)。この質問で説明されているように:フラックス ストア、またはアクション (またはその両方) が外部サービスにアクセスする必要がありますか?

ただし、Reflux では、アクションは間違いなく単なるメッセージ パーサーです。私の質問は、それらがどのような目的に役立つのかということです。なぜそれらを持っているのですか？ビュー/コンポーネントがストアのメソッドを直接呼び出すと、どのような悪いことが起こるでしょうか?

小さなアプリを Flux から Reflux に変換しようとしていますが、現在アクションにあるすべてのロジックをストアに移動するようです。Reflux のアクションは、コンポーネントとストアの間の役に立たない仲介者として機能するだけのように思えます。私は何が欠けていますか？

React.js と Reflux を使用してアプリを構築していますが、コンポーネントがストアをリッスンするのに問題があります。

まず、次のように、ストアとイベントを正常にリンクしました。

コンポーネントはアクションをストアに送信します:

アクション：

アクションを受け取るストア:

ストアを購読/リッスンするコンポーネント

最初のコンポーネント (CalcRow) をそのストアに接続し、アラート ('test1') をトリガーすることはできますが、CalcApp に todoListStore をリッスンさせてアラート ('test2') を発生させることに成功していません。

公式のReflux docsを読みましたが、CalcApp が期待どおりに todoListStore をリッスンしないため、不足しているものがあるようです。

これ（CalcApp）がRefluxストア（todoListStore）をリッスンする方法について誰かが洞察していますか？

質問の短いバージョン:

ストアから UI アクションを起動できますか?

質問の長いバージョン：

逆流で食品配達アプリを書いています。アプリケーションでアクションがどのように行われるべきかをよく理解していないようです。

BasketStore、StatusOverlay (コンポーネント)、およびアクションがあります。

アプリケーションは次のように動作します。

ボタンを押してbasketSyncアクションを送ります。それが発生すると、オーバーレイが表示され始めBasketStore、データの要求がサーバーに送信されます。

次に、サーバーの応答に応じてbasketSync.completed、basketSync.failed、 、を起動しますbasketSync.invalid。無効または完了したらオーバーレイを閉じ、それ以外の場合は別のオーバーレイを表示します。

問題は、アクションをどのように管理すればよいかということです。basketSyncの内部でリッスンしてStatusOverlay開いたり閉じ たりする必要が あります。basketSync.completedbasketSync.invalidstatusOverlayOpenstatusOverlayCloseBasketStore