RN中的redux的集成

阅读了官网的东西,看的整个人都懵逼了,然后找了其他的一些文章,看的快睡着的时候忽然看出来了点意思,遂,写此来记录

1.首先需要安装 redux,react-redux,react-thunk(中间件),

npm install redux --save 

npm install react-redux --save 

npm install react-thunk --save 


使用的是新版的RN,先要理清楚执行的顺序跟思路再进行写。

例如一个登陆的操作

1.未输入用户名,密码的时候,按钮是不可点击状态,当我们输入的时候状态要变成 登陆

2.输入的时候我们要使用redux中的dispatch来触发,然后action接受到发送的内容来进行

判断(逻辑的处理)给出一个判断的结论,有了结论那么就需要执行具体的操作

reducer (reducer是一个函数),来进行操作,把状态改成了登录,怎么将状态来告诉这个按钮呢?

那就需要connect(接受行为)(模板)来进行接收改变的信息。


RN中的redux的集成_第1张图片
目录

dispath()  发送行为如下


RN中的redux的集成_第2张图片

action


RN中的redux的集成_第3张图片
action的行为

reducer重要部分   通过目录发现有三个文件,index.js,nav.js,login.js


RN中的redux的集成_第4张图片
index.js


RN中的redux的集成_第5张图片
login.js

nav.js是路由的重定义的页面

这样其实已经形成了一个回路了:

login(dispatch链接) => action(dispatch链接) =>
 reducer函数(改变全局中的store内容) => store =>
 login(connect链接store)

你可能感兴趣的:(RN中的redux的集成)