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

你可能感兴趣的文章
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>
MYSQL8.0以上忘记root密码
查看>>
Mysql8.0以上重置初始密码的方法
查看>>
mysql8.0新特性-自增变量的持久化
查看>>
Mysql8.0注意url变更写法
查看>>
Mysql8.0的特性
查看>>
MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
查看>>
MySQL8修改密码的方法
查看>>
Mysql8在Centos上安装后忘记root密码如何重新设置
查看>>
Mysql8在Windows上离线安装时忘记root密码
查看>>
MySQL8找不到my.ini配置文件以及报sql_mode=only_full_group_by解决方案
查看>>
mysql8的安装与卸载
查看>>
MySQL8,体验不一样的安装方式!
查看>>
MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server
查看>>
Mysql: 对换(替换)两条记录的同一个字段值
查看>>
mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
查看>>
MYSQL:基础——3N范式的表结构设计
查看>>
MYSQL:基础——触发器
查看>>
Mysql:连接报错“closing inbound before receiving peer‘s close_notify”
查看>>
mysqlbinlog报错unknown variable ‘default-character-set=utf8mb4‘
查看>>