您的位置:首页 > 移动开发

react-app-redux项目中的运用

2017-08-14 10:17 417 查看
总结redux中的一些知识点

<Provider store={store}>
<RouterMap />
</Provider>


connect 方法生成容器组件之后,需要让容器组件拿到state对象。才能生成UI组件的参数。

一种解决方法是将state对象作为参数,传入容器组件。但是这样做比较麻烦,尤其是容器组件可能在很深的层级。一级一级将state传下去很麻烦。

React-Redux提供Provider组件,可以让容器组件拿到state。

export default connect({
mapStateToProps,
mapDispatchProps
})


connnect 用于从UI组件生成容器组件,connect的意思就是将两种组件连接起来。

function mapStateToProps(){

}


mapStateToProps是一个函数。它的作用就像它的名字一样,建立一个从(外部的)State对象到(UI组件的)props对象的映射关系。

function mapDispatchToProps(){

}


mapDispatchToProps是connect的第2个参数,用来建立UI组件的参数到store.dispatch方法的映射。

也就是说,它定义了哪些用户的操作应当是Action,传给Store。它可以是一个函数,也可以是一个对象。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: