React 单向数据流
2017-10-25 11:43
141 查看
React 单向数据流
redux中目录结构：
Actions
声明action
Components
创建component
组合子component与container
接收container传过来的属性
Containers
引用component、action
将action与state dispatch到component的props上
Reducers
引入action
初始化state
定义action需要完成的具体动作
更新state
Sagas
引入action
监听特定action
异步按指定顺序执行action或自定义方法
Store
引入reducer与middleware
导出配置
index.js
引入component、configureStore、saga
通过configureStore创建store，runSaga
Provider 中赋值store
渲染组件
redux中目录结构：
Actions
声明action
Components
创建component
组合子component与container
接收container传过来的属性
Containers
引用component、action
将action与state dispatch到component的props上
Reducers
引入action
初始化state
定义action需要完成的具体动作
更新state
Sagas
引入action
监听特定action
异步按指定顺序执行action或自定义方法
Store
引入reducer与middleware
导出配置
index.js
引入component、configureStore、saga
通过configureStore创建store，runSaga
Provider 中赋值store
渲染组件
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 手把手教你iOS如何调用React Native，即是iOS与RN的交互，将推送数据传递RN
- ReactNative学习实例（三） 使用fetch获取网络数据
- React入门笔记(三) — 数据流
- 数据结构-单向链表（二）（Java）
- 使用原生redux模块在React组件之间实现数据共享小实例
- React-Native 数据存储之react-native-storage的简单使用
- React的数据载体state、props与context
- 利用react-redux实现react组件数据之间数据共享
- 数据之一次绑定, 单向绑定, 双向绑定, INotifyPropertyChanged, 数据转换, 数据验证(转)
- 原生js实现数据单向绑定
- 如何存储 React 组件的数据
- 数据结构之链表与数组（二） －单向链表上的简单操作问题
- react-native ListView加载大量数据时会占用大量内存导致应用崩溃
- 【javascript】关于react的Virtual DOM 与数据更新
- 单向链表小练习--》创建链表头，添加删除链表节点，释放链表内存，选择插入数据
- 数据结构（C++）——单向循环链表
- 数据结构之单向链表【java版】
- 表单向后台提交数据，get和post的两种方式的根本区别以及如何处理乱码？
- js中自定义react数据验证组件实例详解