反応し、Reduxの
使用Reduxのを最適化する最適化モジュール
Reduxの反応-ReduxのをNPMインストール
-
上部反応-Reduxのプロバイダを提供することにより、オブジェクトのグローバル状態がコンテキストのルート要素に取り付けられて提供
インポートプロバイダ'は、Reduxの反応'
「./store/store.js'からインポートストア
...
<プロバイダストア= {店}>
<アプリケーション> </ app>の
</プロバイダ>
...
-
成分値がグローバル状態使ってコンテキスト成分とオブジェクトストアから取得することによって提供される接続し反応し-reduxが、高次成分得ストアパスは、ターゲットアセンブリの小道具を説明します
インポート{接続}反応-Reduxの'から
SON1クラス... {}
接続(状態=>状態)(SON1)
-
アセンブリコンポーネントリスナーの値を記述する必要はありませんグローバル状態変更> actionCreator - - > redcuer - >コンポーネント(モニタ更新)コンポーネント
-
リスニングのコンポーネントでは書いていません
-
actionCreator二つのことがdispathによってデフォルトのアクション2.送信アクションを作成します。1.ないプラグインだけでアクションを作成するactionCreatorの使用後に
-
アセンブリ内に送ります
-
非同期アクションを反応させ、Reduxの
Reduxの-サンクReduxの-セージReduxの-約束によって非同期ミドルウェアソリューション....
-
インストール非同期プラグNPMはReduxの-サンクをインストール
-
導入および使用store.jsで
'Reduxの'からインポート{CREATESTORE、applyMiddleware}
//解决异步的插件'Reduxの-サンク'からインポートサンク
'./reducer'からインポート減速
エクスポートデフォルトCREATESTORE(減速、applyMiddleware(サンク))
-
他のactionCreatoreを修正する必要性に加えて、移動しない動作を同期させる。方法を可動リターン場合は必要ありませんB。そこアクション非同期関数は、関数dispathは、ネットワーク内部の機能のための要求を受け入れることができ返した場合に成功マニュアルdispath後送信