Redux:匿名函数内部的yield
Redux是一个用于JavaScript应用程序的可预测状态容器。它是一个用于管理应用程序状态的开源JavaScript库，广泛应用于前端开发中。Redux通过使用单一的全局状态树来管理应用程序的状态，使得状态的变化可追踪、可预测，从而简化了应用程序的状态管理。
在Redux中，匿名函数内部的yield是指在Redux中使用的Generator函数中的yield关键字。Generator函数是一种特殊的函数，可以通过yield关键字来暂停函数的执行，并返回一个中间结果。在Redux中，通常使用Redux-Saga库来处理副作用（如异步请求、定时器等），而Redux-Saga使用Generator函数来实现异步流程的控制。
在Redux中，通过在匿名函数内部的yield关键字后面跟上一些特定的Saga效果（如take、put、call、fork等），可以实现对应的异步操作。例如，可以使用yield take(actionType)来监听特定的action，并在该action被触发时执行相应的逻辑。另外，yield put(action)可以用于触发一个新的action，yield call(fn, args)可以用于调用一个函数并传递参数，yield fork(fn, args)可以用于在后台启动一个新的任务等。
总结起来，Redux中的匿名函数内部的yield关键字用于控制异步流程，通过使用Redux-Saga库来处理副作用，实现对应的异步操作。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
相关·内容
1回答
所以，我对Reudx-Saga是全新的，我已经测试了几天了。 我对生成器、动作、redux-store、sagas和其他有一定的理解。总的来说，对JS有一些很好的经验。我有一个场景，其中我有一个如下函数： project().itemClicked(val => /* do something with */) 现在，我正尝试将此代码放入我的saga中的生成器函数中。我基本上需要put一个动作，但为此，我需要使用yie
浏览 29提问于2021-07-19得票数 1
因此，我想在嵌套生成器createSaga中将一些函数setupSocket作为执行的参数，但现在我不明白如何才能实现它？在父生成器mySaga内部，setupSocket正常显示，但在createSaga内部没有...import { delay } from 'redux-saga';
import {
浏览 1提问于2018-05-07得票数 3
一旦对象的子API调用完成，更新redux存储中的数据，这是一个数组(ofc)，并显示它。
}))const response
浏览 1提问于2021-06-03得票数 4
回答已采纳
function* mySaga() {
yield put({type:'ADD_ARTIST', payload:score1 })
yield put({type:'ADD_ARTIST', payload:score2 })
const score3 = <em
浏览 0提问于2017-11-20得票数 1
我使用redux-saga将结果填充到我的状态，然后将它们重定向到下一页 yield put(loadingAction(trueput(loadResult(result)); yield put(history.push('/result'))(SUBMIT_FORM, postSearchAction);奇
浏览 7提问于2020-05-25得票数 0
2回答
我正在尝试测试当我的saga抛出错误时，我的错误处理操作是否被调用。yield put(displayApiError(err));}const saga = createMenu(mockAction); {"@@redux-saga
浏览 4提问于2018-07-03得票数 0
我正在将我的一些代码转换成使用redux-saga (我以前只使用redux-thunk，但现在同时运行它们)，并使用了。我遇到的唯一问题是使用以下函数作为takeEvery的参数，有时会按预期工作，但有时会中断，因为它接收的是一个函数，而不是一个操作对象。requestAction = action => action.type.includes('REQUEST');
function* watchAuthenticat
浏览 0提问于2019-05-10得票数 0
回答已采纳
我有一些传奇用采取的效果，以获得行动的模式。现在，我试着测试一下：export function* mySaga(spaceId) { const action = yield take(action.payload.data.topicId === spaceId );在“取模式”中，我有一个匿名函数现在的测试结果是：
浏览 0提问于2019-05-21得票数 0
回答已采纳
在我的部分，我有： (state) => ({ search: state.search
浏览 4提问于2017-01-19得票数 2
回答已采纳
我正在使用Sagas开发一个Redux应用程序，当我调用一个动作创建器时，它会返回并执行动作，它确实通过Sagas调用了API，但是，我看到在我的Saga函数内部没有得到响应。谢谢import { call, put } from 'redux-saga/effects';
import { takeEvery } from 'redux-saga/effectscall(createMatrix, action.da
浏览 2提问于2018-01-12得票数 1
4回答
版本："react-router-dom"："^4.1.2"，"react-router-redux"："^5.0.0-alpha.8"，this.props.history.push('/cart')const history = createHistory();
yield</em
浏览 2提问于2017-11-03得票数 3
1回答
我的Login组件有问题，我使用的是保持器模式，所以我有一个组件Login来管理api调用，还有一个DumbLogin管理输入，并警告用户来自我的服务器的响应。我用Axios来做api调用，它使用承诺来实现，我还使用箭头函数来避免麻烦，这就是我所想的……因为到头来我
我试图使用变量self来解决这个问题，但是这会导致同样的错误。errorLogin: 'Username o
浏览 2提问于2017-05-31得票数 0
回答已采纳
我使用的是Redux Saga模板，它使用包含yield call()实例的生成器函数。基本上它看起来是这样的： function *a(){}
} 在第一个函数中，生成器函数将等到yield call行返回后才继续执行，而
浏览 20提问于2019-05-20得票数 6
我想在Redux saga操作中传递多个参数，所以我编写了如下代码 this.props.addCartData(_addToCartObject, 'guest') 内部调度我如下所示 addCartData: (value, isFor) => dispatch(addCartRequest(value, isFor)), 在saga函数中，我访问如下 function* callAddCart(data{ console.log("isFor--->",
浏览 18提问于2021-03-25得票数 0
回答已采纳
如何使用call()设置函数的类型export function apiFetch<T>(url: string): Promise<T> {let resp = await apiFetch<ServerResponse>("http://localhost:51317/Task");
通过使用上面的代码片段中的函数，resp是正确的字符串类型但是，必须在
浏览 3提问于2019-10-23得票数 15
回答已采纳
2回答
这是我的代码import { call, put, delay } from "redux-sagaconsole.log('logged by phuognn aaa'); yield我的代码有什么问题吗？
浏览 2提问于2020-03-16得票数 0
1回答
all([ ]);所以，基本上，我们倾听一个特定的动作，而不是调用一个函数。yield takeLatest(REQUEST(ACTION_TYPES.SET_LOCALE), this.setCurrentLocale);
就我所传递的类方法而言，当它到达setCurrentLocale函数时，this是null。正如我从源代码和文档中看到的那样，take*方法不支持传递上下文，但是fork,call函数允许传递context
浏览 0提问于2018-11-08得票数 1
回答已采纳
2回答
我创建了一个从API获取数据的示例，其中我使用了redux-thunk。下面的代码运行正常。import React from 'react';import ReactDOM from "react-dom";
import thunk from 'redux-thunk&#
浏览 2提问于2019-12-09得票数 2
2回答
我正在开发一个react应用程序，其中我使用redux进行状态管理，我有两个函数要调用，我希望它们只在第一个函数执行后运行。下面是我正在做的事情的一小段： if (this.props.page_num < this.props.numPages) {
this.props.fetchCode(params,2468:132 Uncaught TypeError: this.props.fetchCode(...).then is not a function fetchCode<em
浏览 33提问于2021-10-08得票数 0
回答已采纳
1回答
我试图从文档中找出Redux createStore函数是如何使用增强子工作的(它接受哪些参数)。据我所知，"sayHiOnDispatch“接受"createStore”函数作为参数，并在接受3个参数的内部匿名函数周围创建一个闭包，
rootReducer, preloadedState, enhancers我不明白的是:1) sayHiOnDispatch是从哪里调用的?2)匿名</e
浏览 1提问于2022-06-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
