摘要:安装参考地址链接描述简单使用对应创建把对应的请求统一放在来管理网络请求失败
redux-saga
安装redux-saga(参考githup 地址:链接描述)
yarn add redux-saga
redux-saga简单使用
import { createStore ,applyMiddleware ,compose } from "redux"; import createSagaMiddleware from "redux-saga"; import mySaga from "./sagas"; // import thunk from "redux-thunk"; import reducer from "./reducer"; const sagaMiddleware = createSagaMiddleware() const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ }) : compose; const enhancer = composeEnhancers( applyMiddleware(sagaMiddleware) ); const store = createStore( reducer, enhancer ); sagaMiddleware.run(mySaga); export default store;
对应创建sagas.js,把对应的请求统一放在sagas.js来管理
import { put, takeEvery } from "redux-saga/effects"; import { GET_LIST_DATA } from "./actionTypes"; import { initList } from "./actionCreators"; import axios from "axios"; function* fetchUser(action) { try { let resData = yield axios.get("/list.json"); const data = resData.data.list; console.log(data); yield put(initList(data)) } catch (e) { console.log("网络请求失败") } } function* mySaga() { yield takeEvery(GET_LIST_DATA, fetchUser); } export default mySaga;
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/114469.html
摘要:安装参考地址链接描述简单使用对应创建把对应的请求统一放在来管理网络请求失败 redux-saga 安装redux-saga(参考githup 地址:链接描述) yarn add redux-saga redux-saga简单使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要:安装参考地址链接描述简单使用对应创建把对应的请求统一放在来管理网络请求失败 redux-saga 安装redux-saga(参考githup 地址:链接描述) yarn add redux-saga redux-saga简单使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要:在上已经有接近的数了,是目前最热门的前端框架。并且这个任务是最后被启动的那个。如果之前已经有一个任务在执行,那之前的这个任务会自动被取消。如果我们允许多个实例同时启动。或者直到被了,如果是这种情况,将在中抛出一个错误。完整项目代码地址 React在Github上已经有接近70000的 star 数了,是目前最热门的前端框架。而我学习React也有一段时间了,现在就开始用 React+R...
摘要:通过创建将所有的异步操作逻辑收集在一个地方集中处理,可以用来代替中间件。 redux-saga框架使用详解及Demo教程 前面我们讲解过redux框架和dva框架的基本使用,因为dva框架中effects模块设计到了redux-saga中的知识点,可能有的同学们会用dva框架,但是对redux-saga又不是很熟悉,今天我们就来简单的讲解下saga框架的主要API和如何配合redux框...
阅读 646·2023-04-25 22:50
阅读 1472·2021-10-08 10:05
阅读 944·2021-09-30 09:47
阅读 1817·2021-09-28 09:35
阅读 771·2021-09-26 09:55
阅读 3282·2021-09-10 10:51
阅读 3388·2021-09-02 15:15
阅读 3253·2021-08-05 09:57