redux处理异步请求,异步请求

redux处理异步请求,异步请求

常见的处理异步请求的库是Redux-thunk 和Redux-saga。其中，Redux-thunk 是Redux 官方推荐的一个异步操作的中间件。它允许我们在Action 中编写异步代码，使得redux中间件对redux应用实现异步使用thunk等中间件可以帮助在Redux应用中实现异步性。可以将thunk看做store的dispatch()方法的封装器；我们可以使用thunk action creator派遣函数

一、在componentDidMount中进行异步数据的获取二、通过initListAction创建action 三、然后再通过store.dispatch派发给store 四、store再自动转发给reducer 五、reducer通过先从redux文档中的异步action说起，每个接口调用需要dispatch三个同步action,分别是：一种通知reducer 请求开始的action。对于这种action,reducer 可能会切

ˋ▂ˊ redux 处理异步请求方式一：在componentDidmount中直接进⾏请求，在将数据同步到redux 创建Store 仓库import{createStore}from'redux';constdefaultState={banredux-thunk 选择以middleware 的形式来增强redux store 的dispatch 方法(即：支持了dispatch(function)),从而在拥有了异步获取数据能力的同时，又可以进一步将数据获取相关的业务

ˇ０ˇ store.js import{createStore,combineReducers,applyMiddleware}from"redux";importthunk from'redux-thunk';//拆分reducer//城市reducerconstcityReducer=(preimport {createStore,applyMiddleware,combineReducers,compose} from "redux"import thunk from"redux-thunk"//中间件，用来处理异步请求//const composeEnhan