mapStateToPropsとmapDispatchToProps
927 ワード
//どのReduxグローバルstateが私たちのコンポーネントがpropsで取得したいのですか?mapStateToProps ——> reducers
//propsで取得したいアクション作成関数はどれですか?mapDispatchToProps ——> actions
[mapStateToProps(state,[ownProps]):stateProps(Function):このパラメータを定義すると、コンポーネントはRedux storeの変更をリスニングします.いつでもRedux storeが変更されるとmapStateToProps関数が呼び出されます.
コールバック関数は、コンポーネントのpropsとマージされる純粋なオブジェクトを返さなければなりません.http://www.redux.org.cn/docs/react-redux/api.html
//propsで取得したいアクション作成関数はどれですか?mapDispatchToProps ——> actions
// Redux state props ?
const mapStateToProps = state => {
// state postsByReddit , reducers!!!
const { postsByReddit, addText } = state
let topics = [],
results = postsByReddit['results']
if (results) topics = results.topics
return {
topics,
text: addText
}
}
// action props ?
const mapDispatchToProps = dispatch => ({
actions: bindActionCreators(actions, dispatch)
})
[mapStateToProps(state,[ownProps]):stateProps(Function):このパラメータを定義すると、コンポーネントはRedux storeの変更をリスニングします.いつでもRedux storeが変更されるとmapStateToProps関数が呼び出されます.
コールバック関数は、コンポーネントのpropsとマージされる純粋なオブジェクトを返さなければなりません.http://www.redux.org.cn/docs/react-redux/api.html