您的位置:首页 > Web前端 > React

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联系到一起的对象

官网都有文档,多看看,其实就明白了,只不过一开始可能会有点搞混。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息