redux-thunk(一)

作用:

首先更新Redux中状态的流程是这样的:action -> reducer -> new state。action是一个普通的javascript对象、reducer是一个普通的方法,在reducer中根据当前的state、接收到的action来生成一个新的state以达到更新状态的目的。
那么问题来了,每次action被触发(dispatch),reducer就会同步地对store进行更新,在实际开发项目的时候,有很多需求都是需要通过接口等形式获取异步数据后再进行更新操作的,如何异步地对store进行更新呢?

redux-thunk 是一个比较流行的 redux 异步 action 中间件,比如 action 中有 setTimeout 或者通过 fetch 通用远程 API 这些场景,那么就应该使用 redux-thunk 了。redux-thunk 帮助你统一了异步和同步 action 的调用方式,把异步过程放在 action 级别解决,对 component 没有影响

安装:

npm install --save redux-thunk

使用applyMiddleware挂载中间件

在创建store的时候,我们将ReduxThunk使用Redux.applyMiddleware方法进行包装后传给Redux.createStore的第二个方法:

import { createStore, applyMiddleware} from 'redux';
import thunkMiddleware from 'redux-thunk';
const store = createStore(reducers, applyMiddleware(thunkMiddleware));
请我吃辣条吧~~
-------------本文结束感谢您的阅读-------------