博客
关于我
从 generator 函数 到 redux -saga (五)
阅读量:111 次
发布时间:2019-02-26

本文共 1961 字,大约阅读时间需要 6 分钟。

redux-saga 中的api 介绍

import { delay } from 'redux-saga';

import { all, call ,put, takeEvery ,fork,takeLatest ,apply,select,take ,cancel} from "redux-saga/effects";

delay 等待时间 接受一个毫秒值为参数 用例:

delay(1000);

all 同时启动多个saga 用例:

yield all([        login(),        watchIncrementAsync() ])

call apply 执行调用接口等异步操作 传参方式不一样   类比原生js中的call apply 用例:

  let token = yield call(service.home.login,username,password);  let token = yield apply(service.home,service.home.login,[username,password]);

put 类比redux中的dispatch 用例:

 

 yield put({type:types.LOGIN_SUCCESS,token});

takeEvery takeEvery 的作用是每次put 动作执行的的时候 都去调用worker   允许多个任务 实例同时启动,用例:

yield takeEvery(types.LOGIN_REQUEST,function*({type,username,password}:Login){        try{            const state = yield select();                   let token = yield call(service.home.login,username,password);            yield put({type:types.LOGIN_SUCCESS,token});            yield put(push('/logout'));            return token;         }catch(error){            put({type:types.LOGIN_ERROR,error});         }  });

takeLatest 只允许一个任务在执行。并且这个任务是最后被启动的那个。用例:

yield takeLatest(types.LOGIN_REQUEST,function*({type,username,password}:Login){        try{            const state = yield select();                   let token = yield call(service.home.login,username,password);            yield put({type:types.LOGIN_SUCCESS,token});            yield put(push('/logout'));            return token;         }catch(error){            put({type:types.LOGIN_ERROR,error});         }  });

fork 的作用是启动一个新的task,不阻塞原task执行 用例:

yield fork(login,username,password);

cancel 的作用是取消 fork 任务 用例:

if(action.type === 'LOGOUT')      yield cancel(task)

select 相当于redux中的getstate 用例:

const state = yield select()

take 可以看成一个订阅者 监听指定的action用例:

yield take(types.LOGIN_REQUEST);

所有的东西都必须被封装在 sagas 中。sagas 包含3个部分,用于联合执行任务:

worker saga

做所有的工作,如调用 API,进行异步请求,并且获得返回结果
watcher saga
监听被 dispatch 的 actions,当接收到 action 或者知道其被触发时,调用 worker saga 执行任务
root saga
立即启动 sagas 的唯一入口
 

转载地址:http://mvcz.baihongyu.com/

你可能感兴趣的文章
MSBuild 教程(2)
查看>>
msbuild发布web应用程序
查看>>
MSB与LSB
查看>>
MSCRM调用外部JS文件
查看>>
MSCRM调用外部JS文件
查看>>
MSEdgeDriver (Chromium) 不适用于版本 >= 79.0.313 (Canary)
查看>>
MsEdgeTTS开源项目使用教程
查看>>
msf
查看>>
MSSQL数据库查询优化(一)
查看>>
MSSQL数据库迁移到Oracle(二)
查看>>
MSSQL日期格式转换函数(使用CONVERT)
查看>>
MSTP多生成树协议(第二课)
查看>>
MSTP是什么?有哪些专有名词?
查看>>
Mstsc 远程桌面链接 And 网络映射
查看>>
Myeclipse常用快捷键
查看>>
MyEclipse更改项目名web发布名字不改问题
查看>>
MyEclipse用(JDBC)连接SQL出现的问题~
查看>>
mt-datetime-picker type="date" 时间格式 bug
查看>>
myeclipse的新建severlet不见解决方法
查看>>
MyEclipse设置当前行背景颜色、选中单词前景色、背景色
查看>>