码迷,mamicode.com
首页 > 其他好文 > 详细

Redux进阶---异步和中间件

时间:2017-11-26 18:41:43      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:随机   counter   mail   reduce   css   action   中间   由来   user   

  Redux中间件,其实就是一个函数, 当我们发送一个action的时候,先经过它,我们就可以对action进行处理,然后再发送action到达reducer, 改变状态,这时我们就可以在中间件中,对action 和对应的state进行跟踪,有利于bug处理,还有就是利用中间件进行异步处理。中间件的由来在Redux官网上已经解释的很清楚了,我们这里只是使用它们。

  首先新建一个项目,当我们点击按钮时,我们从randomuser.me网站上随机获取一个用户,并进行展示,这很明显涉及到了异步请求。 直接把redux介绍中的使用npm和ES6的项目复制过来,index.html中的body修改如下:

<body>
    <div class="container">
        <button class=‘btn btn-blue‘ id="getUser">New Random User</button>      
        <h2 id="status"></h2>       
        <h2 id="name"></h2>
        <h2 id="email"></h2>
        <h2 id="gender"></h2>
    </div>
    <script src=‘./bundle.js‘></script>
  </body>

  counter.css 修改如下:

 

Redux进阶---异步和中间件

标签:随机   counter   mail   reduce   css   action   中间   由来   user   

原文地址:http://www.cnblogs.com/SamWeb/p/7899634.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!