react-native 页面跳转与数据操作
2016-10-09 13:45
483 查看
在学习react-native的时候,我一开始吧,页面跳转和和数据操作搞混了,后来在慢慢理解了。
页面跳转组件是,navigator。
在react-native中所有的页面跳转控制都是有navigtor来实现的。他是有一个路由栈来组成的,就是跳转一个页面,就将他放进路由表中,退出一个页面,就将该页面从路由表中摘除。
数据操作
数据操作,例如修改页面上的数据等,其实也就是急于组件的state和props实现。
基于单向数据流的操作,也就产生,flux和redux等框架。
例如redux:
Action 就是一个描述“发生了什么”的普通对象。Action 只是描述了有事情发生了这一事实,并没有指明应用如何更新 state
reducer 要做的事情,就是根据action,也就是发生的事情,更新state,也就是更新数据。就是一个函数,参数是旧state和action,返回新的state.注意 reducer 是纯函数。它仅仅用于计算下一个 state。它应该是完全可预测的:多次传入相同的输入必须产生相同的输出。它不应做有副作用的操作,如 API 调用或路由跳转。这些应该在 dispatch action 前发生。
Store 就是把action和reducer联系到一起的对象
官网都有文档,多看看,其实就明白了,只不过一开始可能会有点搞混。
页面跳转组件是,navigator。
在react-native中所有的页面跳转控制都是有navigtor来实现的。他是有一个路由栈来组成的,就是跳转一个页面,就将他放进路由表中,退出一个页面,就将该页面从路由表中摘除。
数据操作
数据操作,例如修改页面上的数据等,其实也就是急于组件的state和props实现。
基于单向数据流的操作,也就产生,flux和redux等框架。
例如redux:
Action 就是一个描述“发生了什么”的普通对象。Action 只是描述了有事情发生了这一事实,并没有指明应用如何更新 state
reducer 要做的事情,就是根据action,也就是发生的事情,更新state,也就是更新数据。就是一个函数,参数是旧state和action,返回新的state.注意 reducer 是纯函数。它仅仅用于计算下一个 state。它应该是完全可预测的:多次传入相同的输入必须产生相同的输出。它不应做有副作用的操作,如 API 调用或路由跳转。这些应该在 dispatch action 前发生。
Store 就是把action和reducer联系到一起的对象
官网都有文档,多看看,其实就明白了,只不过一开始可能会有点搞混。
相关文章推荐
- React Native 基础篇之Navigator页面的跳转与数据的传递
- React Native之ViewPagerAndroid跳转页面问题
- ReactNative页面跳转实例代码
- react-native最新的ES6基于页面跳转和传值
- 《ReactNative实战讲义》React-native-router-flux框架篇---页面跳转与传值
- react native 之页面跳转
- ReactNative Navigator 页面跳转
- ReactNative页面跳转Navigator
- React Native 页面之间传值、回传数据
- React-Native学习笔记之:导航器Navigator实现页面间跳转
- ReactNative页面跳转Navigator
- 混合开发的大趋势之一React Native之页面跳转(2)+物理返回+特定平台代码
- React Native 页面之间传值、回传数据
- ReactNative页面跳转Navigator
- ReactNative页面跳转Navigator
- 混合开发的大趋势之一React Native之页面跳转
- 混合开发的大趋势之一React Native之页面跳转(2)+物理返回+特定平台代码
- 在iOS中创建React-Native页面,并跳转到原生页面
- React Native Navigator 的路由以及页面跳转
- React_Native页面跳转和Android回退键