資訊專欄INFORMATION COLUMN
摘要：安裝參考地址鏈接描述簡(jiǎn)單使用對(duì)應(yīng)創(chuàng)建把對(duì)應(yīng)的請(qǐng)求統(tǒng)一放在來(lái)管理網(wǎng)絡(luò)請(qǐng)求失敗
redux-saga
安裝redux-saga(參考githup 地址：鏈接描述)
yarn add redux-saga
redux-saga簡(jiǎn)單使用
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;
對(duì)應(yīng)創(chuàng)建sagas.js,把對(duì)應(yīng)的請(qǐng)求統(tǒng)一放在sagas.js來(lái)管理
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("網(wǎng)絡(luò)請(qǐng)求失敗")
}
}
function* mySaga() {
yield takeEvery(GET_LIST_DATA, fetchUser);
}
export default mySaga;
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/114469.html
摘要：安裝參考地址鏈接描述簡(jiǎn)單使用對(duì)應(yīng)創(chuàng)建把對(duì)應(yīng)的請(qǐng)求統(tǒng)一放在來(lái)管理網(wǎng)絡(luò)請(qǐng)求失敗 redux-saga 安裝redux-saga(參考githup 地址：鏈接描述) yarn add redux-saga redux-saga簡(jiǎn)單使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要：安裝參考地址鏈接描述簡(jiǎn)單使用對(duì)應(yīng)創(chuàng)建把對(duì)應(yīng)的請(qǐng)求統(tǒng)一放在來(lái)管理網(wǎng)絡(luò)請(qǐng)求失敗 redux-saga 安裝redux-saga(參考githup 地址：鏈接描述) yarn add redux-saga redux-saga簡(jiǎn)單使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要：在上已經(jīng)有接近的數(shù)了，是目前最熱門(mén)的前端框架。并且這個(gè)任務(wù)是最后被啟動(dòng)的那個(gè)。如果之前已經(jīng)有一個(gè)任務(wù)在執(zhí)行，那之前的這個(gè)任務(wù)會(huì)自動(dòng)被取消。如果我們?cè)试S多個(gè)實(shí)例同時(shí)啟動(dòng)。或者直到被了，如果是這種情況，將在中拋出一個(gè)錯(cuò)誤。完整項(xiàng)目代碼地址 React在Github上已經(jīng)有接近70000的 star 數(shù)了，是目前最熱門(mén)的前端框架。而我學(xué)習(xí)React也有一段時(shí)間了，現(xiàn)在就開(kāi)始用 React+R...
摘要：通過(guò)創(chuàng)建將所有的異步操作邏輯收集在一個(gè)地方集中處理，可以用來(lái)代替中間件。 redux-saga框架使用詳解及Demo教程 前面我們講解過(guò)redux框架和dva框架的基本使用，因?yàn)閐va框架中effects模塊設(shè)計(jì)到了redux-saga中的知識(shí)點(diǎn)，可能有的同學(xué)們會(huì)用dva框架，但是對(duì)redux-saga又不是很熟悉，今天我們就來(lái)簡(jiǎn)單的講解下saga框架的主要API和如何配合redux框...
閱讀 785·2023-04-25 22:50
閱讀 1625·2021-10-08 10:05
閱讀 1060·2021-09-30 09:47
閱讀 2012·2021-09-28 09:35
閱讀 894·2021-09-26 09:55
閱讀 3490·2021-09-10 10:51
閱讀 3490·2021-09-02 15:15
閱讀 3357·2021-08-05 09:57
