react-app-redux项目中的运用
2017-08-14 10:17
417 查看
总结redux中的一些知识点
connect 方法生成容器组件之后,需要让容器组件拿到state对象。才能生成UI组件的参数。
一种解决方法是将state对象作为参数,传入容器组件。但是这样做比较麻烦,尤其是容器组件可能在很深的层级。一级一级将state传下去很麻烦。
React-Redux提供Provider组件,可以让容器组件拿到state。
connnect 用于从UI组件生成容器组件,connect的意思就是将两种组件连接起来。
mapStateToProps是一个函数。它的作用就像它的名字一样,建立一个从(外部的)State对象到(UI组件的)props对象的映射关系。
mapDispatchToProps是connect的第2个参数,用来建立UI组件的参数到store.dispatch方法的映射。
也就是说,它定义了哪些用户的操作应当是Action,传给Store。它可以是一个函数,也可以是一个对象。
<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。它可以是一个函数,也可以是一个对象。
相关文章推荐
- React+Redux开发实战项目【美团App】,没你想的那么难
- React-Redux链接React与Redux开发项目
- 在create-react-app创建的项目下允许函数绑定运算符
- 在create-react-app创建的React项目应用中配置JQ、Sass
- [置顶] 重新搭建 React - Redux - Router 完整项目
- creact-react-app创建react项目配置scss
- 使用create-react-app或者antd创建一个React项目
- 从零开始的Android新项目10 - React Native & Redux
- 用react + react-redux构建项目 基本配置
- redux 配合 react 在项目中的使用(个人总结与备忘)
- Create React App快速创建React项目
- Immutable.js 以及在 react+redux 项目中的实践
- Redux中间件在React和React-Native项目架构中的应用实践
- 部署React+Redux Web App
- Redux进阶系列1: React+Redux项目结构最佳实践
- 基于Redux的ReactNative项目开发总结(二)
- 一个使用react-router+react-redux搭建出来的项目
- 基于React+Router+Redux+Sagas+fetch+ant Design +less + es6+mockjs的项目过程总结
- redux 配合 react 在项目中的使用(个人总结与备忘)
- webpack3+react16+react-router3+react-redux实战项目