redux-thunk 异步中间件的简单使用

前边我们提到了redux的单独使用和结合react-redux的使用方法,那么作为前端的工程师我们很重要的工作就是跟后端的交互,发送网络请求后端接口,拿到数据渲染到页面上从而展示给用户。

我们都知道网络请求是异步操作,所以我们在使用redux的时候action中需要用到中间件的处理,否则则会报出错误。

然而此类作用的中间件不只一个,今天只介绍redux-thunk,因为它对于新朋友来说还是比较友好地,简单易于使用,可快速上手（注：如果对redux的基础不是很了解可以查看我前面的文档）。接下来就来看redux-thunk怎么来使用。

打开命令行工具:

1. 通过yarn add redux-thunk进行安装

在原有使用基础上找到store文件：

import {
    createStore, applyMiddleware } from "redux"; //导入applyMiddleware
import thunk from "redux-thunk"; // 导入thunk
import list from "../reducer/list";  // reducer

export default function configStore() {