dva model的effect的不同类型 使用介绍

最新推荐文章于 2023-03-02 09:08:00 发布
原创 最新推荐文章于 2023-03-02 09:08:00 发布 · 3.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#dva #redux #saga #model #effects

本文介绍了dva model的effect，包括takeEvery、takeLatest、throttle（消抖）和watcher的使用。takeEvery对每个匹配的action派生saga，takeLatest仅保留最新任务，throttle在指定时间内限制任务派生，watcher则用于监听并fork saga。参考了dva源码解析和redux-saga API文档。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

dva model的effect的不同类型 使用介绍

官方的一些介绍

  • effect说明
    在这里插入图片描述
  • 使用说明
    在这里插入图片描述
    这几个值是用来干嘛的呢？

takeEvery

在发起（dispatch）到 Store 并且匹配 pattern 的每一个 action 上派生一个 saga

解释一下就是，在你dispatch 一个effects action的时候，他会去找到你的effect里面定义的对应的函数，每dispatch一次就执行一次， 这是个默认值所有的以gernerate function 定义的effects都是默认type都是takeEvery

takeLatest

在发起到 Store 并且匹配 pattern 的每一个 action 上派生一个 saga。并自动取消之前所有已经启动但仍在执行中的 saga 任务。

这个就是说如果你多次dispatch同一个action的话，在dispatch的时候，saga任务队列里面有这个action就会取消掉上次的action，开始执行本次的action

  • 定义方式为
最低0.47元/天 解锁文章

200万优质内容无限畅学
项目开发中探究dva model的effect及其类型
wuChiSha的博客
05-08 1539
一、项目运行环境 ant中的pro4 二、学习前的一些困惑 以下想法是在学习前的疑问，答案也是在囫囵吞枣看一下博客后的想法，当然大部分是错的。 1、take、takeEvery、takeLatest有什么不同？ take、takeEvery、takeLatest是take的三种方式，具体有什么不同，未知 2、cancel怎么使用？ ...
Dva中effect内非阻塞调用另一个effect的另一种方式
nickppa的专栏
11-13 2532
Dva框架是基于redux-saga的，它把effects都整到了一起，使代码看起来更整洁。 const Model = { namespace: 'XXX', state: {}, effects: { *a(){} }, reducers: { } } 网上也有提到使用put在effect中调用其他effect，例如 *...
dva model中的effect
qq_40096030的博客
04-29 5769
在实际的开发中，计算新 state 时常常需要异步操作配合，比如说强制延时、异步网络请求数据（比如 ajax）等等。但是 reducer 需要是个纯函数，我们不能在 reducer 中写这些逻辑，破坏了这个机制后 dva 将无法工作。在 dva 框架下，effect 就是专门处理这些具有 “副作用” 的操作的执行单元。 effect 到底是什么呢 ？effect 是一个 dva 语境中的名词。和 ...
dva中proxy和effects的简单应用
m0_72694993的博客
08-31 523
call中第一个参数为执行异步操作的函数，剩下的为执行异步操作的函数的参数。然后我们在src文件夹下新建api文件夹，在下边建立新文件，在终端中通过npm install axios安装axios并在文件开始引入axios，然后后边把域名后边的路径补充上，这里的api会被代理转换为空字符串。//当我们在进行连接后端接口的时候，当后端的域名和前端对应不上的时候，我们需要进行跨域操作，需要应用代理，我们可以在umirc中加入代理。四、在主页加上跳转以及在umirc中加入路由路径。一、加入代理proxy。...
浅析dva (史上最全的dva用法及分析)
热门推荐
黄大琪琪的博客
06-23 5万+
什么是dva dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 学过React的童鞋都知道它的技术栈真的很多，所以每当你使用React的时候都需要引入很多的模块，那么dva就是把这些用到的模块集成在一起，形成一定的架构规范。把react常常需要我...
dva（ 轻量级的应用框架 ）
weixin_60968779的博客
03-02 4069
dva
umi3+dva编程学习资源，自用
06-21
在 umi3 中使用 dva，可以将 dva 的 Model、Reducer、Effect 和 Subscription 与 umi3 的 pages 结合使用，实现更加简洁和高效的开发。 结论 dva 是一个基于 Redux 和 Redux-saga 的数据流方案，它可以简化异步...
dva-plugin-cerprocessor:dva插件，用于通用请求效果和reducer
05-02
dva-plugin-cerprocessor dva-plugin-cerprocessor 能做什么 dva-plugin-cerprocessor是dva的一个插件，用来处理统一的请求effect和reducer。当前插件只能用于使用REST API的...在dva的model中，这样使用： import ...
React之Dva的model的属性 effect参数简介
Boboy
04-16 3237
官网简介：effects 以 key/value 格式定义 effect。用于处理异步操作和业务逻辑，不直接修改 state。由 action 触发，可以触发 action，可以和服务器交互，可以获取全局 state 的数据等等。 格式为 (action, effects) => void 或 [(action, effects) => void, { type }]。 type 类型...
dva踩坑 - 多个dispatch最终只触发一个
wuliCaibao的博客
01-20 1566
dva踩坑 - 多个dispatch最终只触发一个 近日，遇到两个问题，这里简单描述一下： 第一个问题：在同一个页面，分别有两个不同的组件，调用了同一个接口，进入network面板发现两个接口都请求了并正常返回数据。另外介绍一下该数据的用途，第一个组件中用于构建一颗树直接展示在页面，另一个功能是第二个组件中用于构成下拉框的数据筛选来源。 呈现在页面上的bug：第一个组件的树状图形没有呈现出来，但是下拉框的筛选项能正常出现。。。 再来说第二个问题：在一个页面，有一个数组map返回的函数式组件，由于业务需要，在
dva源码解析（一）
zp1996323的博客
06-16 7923
写在前面dva是蚂蚁金服推出的一个单页应用框架，对redux，react-router，redux-saga进行了上层封装，没有引入新的概念，但是极大的程度上提升了开发效率；下面内容为本人理解，如有错误，还请指出，不胜感激。redux的痛苦redux的优点很多，痛点也有，比如异步控制，redux-saga的出现使得异步操作变得优雅，但是基于redux-saga不得不承认的一点就是开发过程实在是太麻烦
dva Reducers与Effects的使用介绍
weixin_44136421的博客
07-07 6261
介绍 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 定义model dva 通过 model 的概念把一个领域的模型管理起来，包含同步更新 state 的 reducers，处理异步逻辑的 effects，订阅数据源的 subscriptions 。 Reducers 在 model 文件夹下新建products.js文件 export defaul
dva框架使用详解及Demo教程
weixin_33743661的博客
09-03 703
在前段时间，我们也学习讲解过Redux框架的基本使用，但是有很多同学在交流群里给我的反馈信息说，redux框架理解上有难度，看了之后还是一脸懵逼不知道如何下手，很多同学就转向选择使用dva框架。其实dva框架就是一个redux框架与redux-saga等框架的一个集大成者，把几个常用的数据处理框架进行了再次封装，在使用方式上给使用者带来了便利，下面我们就来简单的介绍下dva框架的基本API和基本使...
使用 Dva 开发复杂 SPA
weixin_43758377的博客
09-25 1001
使用 Dva 开发复杂 SPA 到了真实的业务开发过程中，会遇到许许多多不能用那些基本操作覆盖的场景，本文尝试列举一些常见的需求在dva中的实现方式。 动态加载model 有不少业务场景下，我们可能会定义出很多个model，但并不需要在应用启动的时候就全部加载，比较典型的是各类管理控制台。如果每个功能页面是通过路由切换，互相之间没有关系的话，通常会使用webpack的require.ensure来做代码模块的懒加载。 我们也可以利用这个特性来做model的动态加载。 function RouterConfi
redux-saga常用api概述
SH'S BLOG
06-23 858
1. call 异步阻塞调用 2. fork 异步非阻塞调用，无阻塞的执行fn，执行fn时，不会暂停Generator 3. put 相当于dispatch，分发一个action 4. select 相当于getState，用于获取store中相应部分的state 5. take 监听action，暂停Generator，匹配的action被发起时，恢复执行。take结合fork，可以实现takeEvery和takeLatest的效果 6. takeEvery 监听action，每监听到一个action，就
react之dva框架的使用
zuggs_的博客
12-04 2284
dva框架的中文官网dva中文教程 在介绍dva之前，推荐一款网页编程工具，codesandbox，在线编写工具，前提要网速要快，这样就不用在内存中下载模块了，随用随时下载模块，缺点就是网速慢时界面不好 使用 $ npm install dva-cli -g//下载全局脚手架 $ dva -v //脚手架版本 dva-cli version 0.9.2 $ dva new dva-demo...
dva model里面的effects函数可以调用effects函数
zhongmei121的专栏
12-20 9960
在fetchIndCreate函数中调用refreshTree函数： effects: { *refreshTree({ payload }, { call, put }){ const datas = yield call(indTree, payload.basrsId); const { bizdata } = datas; yield pu...
Dva的Effects接受的参数
huanhuan03的博客
10-09 1122
dva effects
DVA知识集合
m_review的博客
07-19 1万+
react与dva 原文地址：https://github.com/dvajs/dva-knowledgemap 1.变量声明const DELAY = 1000let count = 0 count = count + 12. 模板字符串const user = 'world' console.log(`hello ${user}`)// 多行const content = ` hel
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值