Redux進階---異步和中間件
阿新 • • 發佈：2017-11-26
src clas 復制 undle 行處理 pre reducer 明顯 dom
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進階---異步和中間件