this.propsオブジェクトredux

Question

これを見ていますsource codeこのasyncの例です。私はthis.propsオブジェクトを知りたいです。だから私はコードにデバッガを追加すると、私はそれがこのように見えることができます。

私の質問は、これらのフィールドが含まれている理由は、ありますか？おかげReduxので

Answer 1

は、propsはconnect documentation（connect関数を介してコンポーネントに調製し、渡され

これは引数を受け入れ：

は（[mapStateToProps]、[mapDispatchToProps]、[mergeProps]接続、[オプション]）

mapStateToPropsが「コンポーネントによって使用される小道具」を「ストアから状態」をマッピングする関数である。

この関数のパラメータとしてReduxのストアのstateを受け付け、処理/それらをフィルタリングし、オブジェクトを返す：

return { 
    selectedReddit, 
    posts, 
    isFetching, 
    lastUpdated 
    } 

コンポーネントに渡されます。

残りの値dispatchはデフォルトで注入された：

[mapDispatchToProps（派遣、[ownProps]）：dispatchProps]（オブジェクトまたは関数）：オブジェクトが渡された場合、...あなたはそれを省略した場合デフォルトの実装では、コンポーネントの小道具にディスパッチが挿入されます。

リファレンス：https://github.com/reactjs/react-redux/blob/master/docs/api.md#connectmapstatetoprops-mapdispatchtoprops-mergeprops-options

関数dispatchは（一部action creatorによって返さ）actionをディスパッチするのに使用されます。 dispatchingアクションを実行すると、Reduxはストアを再評価し、ストアの値を反応するDOMツリーに上から下に渡し、必要に応じてコンポーネントを再レンダリングします。

参考：http://redux.js.org/docs/api/Store.html#dispatch