摘要:安裝參考地址鏈接描述簡單使用對應(yīng)創(chuàng)建把對應(yīng)的請求統(tǒng)一放在來管理網(wǎng)絡(luò)請求失敗
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;
對應(yīng)創(chuàng)建sagas.js,把對應(yīng)的請求統(tǒng)一放在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("網(wǎng)絡(luò)請求失敗") } } function* mySaga() { yield takeEvery(GET_LIST_DATA, fetchUser); } export default mySaga;
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/103584.html
摘要:安裝參考地址鏈接描述簡單使用對應(yīng)創(chuàng)建把對應(yīng)的請求統(tǒng)一放在來管理網(wǎng)絡(luò)請求失敗 redux-saga 安裝redux-saga(參考githup 地址:鏈接描述) yarn add redux-saga redux-saga簡單使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要:安裝參考地址鏈接描述簡單使用對應(yīng)創(chuàng)建把對應(yīng)的請求統(tǒng)一放在來管理網(wǎng)絡(luò)請求失敗 redux-saga 安裝redux-saga(參考githup 地址:鏈接描述) yarn add redux-saga redux-saga簡單使用 import { createStore ,applyMiddleware ,compose } from redux; import createSagaM...
摘要:在上已經(jīng)有接近的數(shù)了,是目前最熱門的前端框架。并且這個任務(wù)是最后被啟動的那個。如果之前已經(jīng)有一個任務(wù)在執(zhí)行,那之前的這個任務(wù)會自動被取消。如果我們允許多個實例同時啟動?;蛘咧钡奖涣?,如果是這種情況,將在中拋出一個錯誤。完整項目代碼地址 React在Github上已經(jīng)有接近70000的 star 數(shù)了,是目前最熱門的前端框架。而我學(xué)習(xí)React也有一段時間了,現(xiàn)在就開始用 React+R...
摘要:通過創(chuàng)建將所有的異步操作邏輯收集在一個地方集中處理,可以用來代替中間件。 redux-saga框架使用詳解及Demo教程 前面我們講解過redux框架和dva框架的基本使用,因為dva框架中effects模塊設(shè)計到了redux-saga中的知識點(diǎn),可能有的同學(xué)們會用dva框架,但是對redux-saga又不是很熟悉,今天我們就來簡單的講解下saga框架的主要API和如何配合redux框...
閱讀 1884·2021-11-15 11:39
閱讀 1088·2020-12-03 17:06
閱讀 742·2019-12-27 11:42
閱讀 3277·2019-08-30 13:59
閱讀 1471·2019-08-26 13:22
閱讀 3291·2019-08-26 12:15
閱讀 2480·2019-08-26 10:22
閱讀 1567·2019-08-23 18:40