react学习之redux(三)
来源:互联网 发布:苹果音乐编辑软件 编辑:程序博客网 时间:2024/05/23 12:59
没有redux,我就不玩react了
容器组件和展示组件
Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。
展示组件:中间组件以及子组件,通过props读取数据,通过props的回调函数修改数据,需要什么数据就从Props里面取
容器组件:最顶层,由路由处理,从redux获取state,需要修改数据的时候就向redux派发action
这个可以参照官方文档的todo例子,非常棒,必须理解,不然没法继续学习redux了,这里我就不解释了
链接到redux
连接到redux我们需要做两件事情:
- 将APP组件连接到redux,可以dispatch actions
- 从redux读取state
接下来,我们需要做:
- 首先,我们需要获取从之前安装好的 react-redux 提供的 Provider,并且在渲染之前将根组件包装进 <Provider>。
- 接着,调用createStroe(reducer)方法创建store,把store塞到provider里
- 我们想要通过 react-redux 提供的 connect() 方法将包装好的组件连接到Redux。尽量只做一个顶层的组件,或者 route 处理
- 任何一个从 connect() 包装好的组件都可以得到一个 dispatch 方法作为组件的 props,以及得到全局 state 中所需的任何内容
0 1
- react学习之redux(三)
- React-Redux入门学习(三)
- React全家桶之Redux(三)
- react学习之redux(一)
- react学习之redux(二)
- react学习之redux(四)
- react学习之redux(五)
- React + Redux 最佳实践 学习之 redux
- Redux(三: React-Redux)
- Redux 入门教程(三):React-Redux 的用法
- Redux 入门教程(三):React-Redux 的用法
- Redux 入门教程(三):React-Redux 的用法
- Redux 入门教程(三):React-Redux 的用法
- 学习react-native之加入redux
- React + Redux 最佳实践 学习之 路由
- react-redux学习笔记-2-react-redux
- React-Native 之 redux 与 react-redux
- React-Native 之 redux 与 react-redux
- NDK环境搭建
- zookeeper安装与常用指令详解
- LeetCode-115.Distinct Subsequences
- 日期格式各字母的含义
- RecyclerView 和 ListView的区别
- react学习之redux(三)
- 关于mongodb的一些总结
- 杭电1231 最大连续子序列
- JavaScript判断立方数字
- 图形编程的基础知识——渲染流程(pipeline)
- 龟兔赛跑
- java学习之路 之 高级类特性2-关键字static、final、动态语句块结合的练习题
- [DP]Decorator设计模式
- 管理oracle11g内存设置 解决ora-02097 ora-00838 ora-00845报错问题