redux 异步编程redux 异步编程

下载 redux 插件(异步中间件)

npm install --save redux-thunk

redux/store.js

/*
redux 最核心的管理对象 store
*/
import {createStore, applyMiddleware} from 'redux' import thunk from 'redux-thunk'
import reducer from './reducer'
export default createStore(reducer, applyMiddleware(thunk))
 

redux/actions.js

/*
异步增加的异步 action
*/
export const incrementAsync = function (number) { // 返回一个带 dispatch 参数的函数
return dispatch => {
// 执行异步操作 setTimeout(() => {
// 有了结果后, 分发同步 action
dispatch(increment(number)) }, 1000)
} }