Redux进阶---异步和中间件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Redux进阶---异步和中间件相关的知识，希望对你有一定的参考价值。
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进阶---异步和中间件的主要内容，如果未能解决你的问题，请参考以下文章
P14:Redux进阶-Axios异步获取数据并和Redux结合
Redux 错误操作必须是普通对象。使用自定义中间件进行异步操作