Redux 的使用（二）

Redux 的使用（二）

这一节主要是讨论异步Redux的使用，关键是这个异，异在哪里？

其实它是异在{ type: 'xxx', data: 'xxx' }的地方，即晚一点传这个东西，代码如下：

store.dispatch((dispatch, getState, extraArgument) => {
    setTimeout(() => {
        dispatch({ type: 'add', data: 1 })
    }, 2000)
})

不过异步Redux需要中间件redux-thunk的支持，写法如下：

import { createStore, applyMiddleware } from 'redux'
import thunk from 'redux-thunk'
export const store = createStore((preState = 0, { type, data }) => {
    switch (type) {
        case 'add':
            return preState + data
        case 'jian':
            return preState - data
        default:
            return preState
    }
}, applyMiddleware(thunk))