redux 异步编程redux 异步编程
Posted jackson1
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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)
} }
以上是关于redux 异步编程redux 异步编程的主要内容，如果未能解决你的问题，请参考以下文章
Reactredux - 三大核心概念 - action - reducer - store - 异步编程 - react-redux - 调试工具 - 纯函数 - 高阶函数