美文网首页
RN中的redux的集成

RN中的redux的集成

作者: 0安 | 来源:发表于2018-01-26 15:50 被阅读906次

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

    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(接受行为)(模板)来进行接收改变的信息。

    目录

    dispath()  发送行为如下

    action

    action的行为

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


    index.js login.js

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

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

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

    相关文章

      网友评论

          本文标题:RN中的redux的集成

          本文链接:https://www.haomeiwen.com/subject/gqajaxtx.html