成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

redux-saga學(xué)習(xí)(三)

pingan8787 / 1054人閱讀

摘要:安裝參考地址鏈接描述簡單使用對應(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://systransis.cn/yun/114469.html

相關(guān)文章

  • redux-saga學(xué)習(xí)()

    摘要:安裝參考地址鏈接描述簡單使用對應(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...

    wdzgege 評論0 收藏0
  • redux-saga學(xué)習(xí)()

    摘要:安裝參考地址鏈接描述簡單使用對應(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...

    Pluser 評論0 收藏0
  • React 實踐項目 (Redux-Saga

    摘要:在上已經(jīng)有接近的數(shù)了,是目前最熱門的前端框架。并且這個任務(wù)是最后被啟動的那個。如果之前已經(jīng)有一個任務(wù)在執(zhí)行,那之前的這個任務(wù)會自動被取消。如果我們允許多個實例同時啟動。或者直到被了,如果是這種情況,將在中拋出一個錯誤。完整項目代碼地址 React在Github上已經(jīng)有接近70000的 star 數(shù)了,是目前最熱門的前端框架。而我學(xué)習(xí)React也有一段時間了,現(xiàn)在就開始用 React+R...

    ranwu 評論0 收藏0
  • redux-saga框架使用詳解及Demo教程

    摘要:通過創(chuàng)建將所有的異步操作邏輯收集在一個地方集中處理,可以用來代替中間件。 redux-saga框架使用詳解及Demo教程 前面我們講解過redux框架和dva框架的基本使用,因為dva框架中effects模塊設(shè)計到了redux-saga中的知識點(diǎn),可能有的同學(xué)們會用dva框架,但是對redux-saga又不是很熟悉,今天我們就來簡單的講解下saga框架的主要API和如何配合redux框...

    Nosee 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<