JavaScript - Redux を学習する初心者向けのいくつかの質問

Question

多くの情報を読んだ後でも、Redux についてよく理解できません。
1. ストアによって管理されるグローバル State については、最初にどこで生成されるのでしょうか?後からどうやって追加されたのでしょうか？追加後、それらはすべて同じ {} 内にありますか? すべての属性の名前が同じでないことを確認してください

2. Redux モードでは、各コンポーネント (状態を必要とするコンポーネント) を
connect(mapStateToProps , mapDispatchToProps )(Component); でバインドする必要がありますか?

3. すべての Reducer がアクションを受け取りますか?

そうすると、放心状態で書いたコードは実行できず、エラー メッセージも表示されません。

リーリー

Answer 1

問題が見つかりました。 。 。 。 combineReducerの落とし穴 使用後はそれぞれのReducerに状態が分かれます

Answer 2

実際、redux は非常に単純です。アクションは変更されたアクションを表し、対応するリデューサーは対応するアクションの効果を表します。
redux の使用は単なる文です。どのコンポーネントでデータが変更されても、対応するコンポーネントでディスパッチ (アクション) し、ストア内のデータを使用する必要があるコンポーネントでも、接続に必要な mapStateToProps パラメーターを渡します。この 2 つは互いに独立しています。

Answer 3

1. 実際、正確に言うと、Reducer がストアを定義する場所です。各 Reducer を分離し、combineReducers を使用して結合することができます。
2. 高レベルのコンポーネントのみをバインドし、高レベルのコンポーネントを通じて低レベルのコンポーネントと対話することをお勧めします。
3.すべて受け取ることができます。

公式デモから始めることをお勧めします。

Answer 4

http://huziketang.com/books/r...

Answer 5

たくさんの情報を読んだ後でも、Redux についてよく理解できません。 1. ストアによって管理されるグローバル状態は、最初にどこで生成されますか? 後からどうやって追加されたのでしょうか？追加後、すべての属性が重複した名前を持たないようにする必要がありますか? 回答: 初期データは createStore の 2 番目のパラメーターで設定できます。ストア。属性が重複していることがわかりませんでした。名前の意味は何ですか?
2. Redux モードでは、すべてのコンポーネント (状態を必要とするコンポーネント) を

connect(mapStateToProps , mapDispatchToProps )(Component); でバインドする必要がありますか?

必ずしもそうとは限りません

3. すべてのリデューサーがアクションを受け取りますか?

すべてのアクションが対応するリデューサーをトリガーします