博客
关于我
从 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/

你可能感兴趣的文章
MySQL主从复制几个重要的启动选项
查看>>
MySQL主从复制及排错
查看>>
mysql主从复制及故障修复
查看>>
MySQL主从复制的原理和实践操作
查看>>
webpack loader配置全流程详解
查看>>
mysql主从复制,读写分离,半同步复制实现
查看>>
MySQL主从失败 错误Got fatal error 1236解决方法
查看>>
MySQL主从架构与读写分离实战
查看>>
MySQL主从篇:死磕主从复制中数据同步原理与优化
查看>>
mysql主从配置
查看>>
MySQL之2003-Can‘t connect to MySQL server on ‘localhost‘(10038)的解决办法
查看>>
MySQL之CRUD
查看>>
MySQL之DML
查看>>
Mysql之IN 和 Exists 用法
查看>>
MYSQL之REPLACE INTO和INSERT … ON DUPLICATE KEY UPDATE用法
查看>>
MySQL之SQL语句优化步骤
查看>>
MYSQL之union和order by分析([Err] 1221 - Incorrect usage of UNION and ORDER BY)
查看>>
Mysql之主从复制
查看>>
MySQL之函数
查看>>