zoukankan      html  css  js  c++  java
  • redux-sage 简单理解

    每当提到Dva的时候,总会提到这个概念,就去扒文章找到这个比较好理解的;

    定义: 一个中间件,也是异步解决方案,可以用来代替redux-thunk;

    用途: 当项目比较大的时候,异步操作在action中会显得混乱,此时用saga来作统一的异步处理;

    好处: 避免回调地狱,代码比较整齐;

    import { createStore, applyMiddleware } from 'redux'
    import createSagaMiddleware from 'redux-sage';
    import reducer from 'reducers';
    import mySage from './sagas';
    
    const  sagaMiddleware = createSagaMiddlaware();
    const store = createStore(
       reducer,
       applyMiddleware(sagaMiddleware);
    )
    // then run the saga
    sagaMiddleware(mySaga);
    
    saga.js:
    export function* helloSaga(){
       //console.log('hello sage')
       yield console.log('1');
       yield console.log('2');
    }
    var sagaGen = helloSage(); //写成对象形式,若直接helloSage().next()则结果一直是1,停留在第一个yiled后面
    conosle.log(sagaGen.next())  //1
    conosle.log(sagaGen.next())  //2
  • 相关阅读:
    POJ测试数据合集
    POJ1724ROADS
    关闭进程的数据库
    config上传设置
    tfs 撤销挂起的更改
    cn_visual_studio_team_foundation_server_2010_x86_x64_dvd_531909
    js 中文转义
    文件下载乱码
    杀死数据库进程
    Python基础综合练习
  • 原文地址:https://www.cnblogs.com/naniandongzhi/p/10600034.html
Copyright © 2011-2022 走看看