React - Redux 学习之Redux-thunk & applyMiddleware

在之前的练习中,我们一直在使用同步的方式进行状态管理, 那么在Redux中,我么如何使用异步的方式进行状态更新呢?
这里需要用到Redux的中间件applyMiddelware 和 redux-thunk:

首先,我们应该在创建Store的时候注入中间件

import { createStore, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'

const store = createStore(
    reducers,
    // 注入中间件
    applyMiddleware(thunk)
)

这里根据文档,我们知道thunk 这个东西可以将我们的Action Object 转为 function

例如:

const foo = 1 + 2
// 转换为, 这时的foo就被称作一个thunk
const foo = () => 1 + 2

阅读全文 »