React Saga生成器生成调用未定义的对象
React Saga生成器是一个用于生成调用未定义对象的工具。它是一个用于处理异步操作的中间件，可以帮助开发人员管理应用程序中的副作用。Saga生成器基于Redux Saga库，它允许开发人员在Redux应用程序中以声明方式处理副作用。
React Saga生成器的主要功能是生成调用未定义对象的代码。这意味着它可以帮助开发人员自动生成处理异步操作的代码，而不需要手动编写。通过使用Saga生成器，开发人员可以更高效地处理异步操作，减少代码量和错误。
React Saga生成器的优势包括：
- 简化异步操作：Saga生成器可以帮助开发人员简化处理异步操作的过程。它提供了一种声明式的方式来处理副作用，使代码更易于理解和维护。
- 高效处理副作用：Saga生成器可以帮助开发人员更好地管理应用程序中的副作用。它提供了一种可组合的方式来处理异步操作，使开发人员能够更好地控制副作用的执行顺序和条件。
- 提高代码质量：通过自动生成代码，Saga生成器可以减少手动编写代码的错误。它可以帮助开发人员避免调用未定义对象的错误，并提供一种结构化的方式来处理异步操作。
React Saga生成器适用于各种应用场景，特别是需要处理大量异步操作的应用程序。它可以用于处理网络请求、数据同步、状态管理等各种异步操作。
腾讯云提供了一系列与React Saga生成器相关的产品和服务，包括：
- 云函数（Serverless）：腾讯云云函数是一种无服务器计算服务，可以帮助开发人员更轻松地部署和运行React Saga生成器。详情请参考：云函数产品介绍
- 云数据库（TencentDB）：腾讯云云数据库提供了可靠的数据存储和管理服务，可以用于存储React Saga生成器所需的数据。详情请参考：云数据库产品介绍
- 云存储（COS）：腾讯云云存储是一种高可用、高可靠的对象存储服务，可以用于存储React Saga生成器生成的代码和相关文件。详情请参考：云存储产品介绍
以上是关于React Saga生成器生成调用未定义对象的完善且全面的答案。
相关·内容
我正在学习关于pluralsight的教程，这是一个完整的堆栈react/redux教程，我正在用下面的代码创建一个saga.mock.js文件。
这是我不熟悉的东西，我会感激和解释，所以我可以理解这一点。
import { take, put, select } from 'redux-saga/effects';
import * as mutations from './mutations';
import uuid from 'uuid';
export default function* taskCreationSaga(){
浏览 0提问于2019-03-30得票数 7
回答已采纳
1回答
我在使用发电机时遇到了问题。我在控制台中得到以下错误：
./app/redux/sagas/tracking.saga.js模块构建失败: C:/Workspace/teamable-frontend/app/redux/sagas/tracking.saga.js:意外令牌(18:4)中的错误
下面是package.json：
{
"devDependencies": {
"autoprefixer-loader": "^3.2.0",
"babel-cli": "^6.4.5",
浏览 4提问于2016-08-11得票数 1
回答已采纳
1回答
我正在尝试做redux-saga的测试。当我出于某种未知的原因执行generator.next(数据).value时，数据没有被传递到saga函数，如下所示：
const gen = onCreateMessage()
const message = "aa"
gen.next(message).value
/SAGA函数
export function* onCreateMessage(message) {
yield put(addMessage(message.payload))
错误消息。无法读取未定义的负载。
浏览 8提问于2016-09-09得票数 0
回答已采纳
1回答
所以，我试着为我的Redux组件做一个小测试，在这个测试中，我只发送了空的obj {}。并尝试在我的测试文件中与之相等，如expect(get).toEqual(obj)。我在错误日志中得到的信息：
$ yarn test
yarn run v1.5.1
warning ..\..\..\..\package.json: No license field
$ react-scripts test --env=jsdom
FAIL src\saga\saga.test.js
● get new action value
expect(received).toEqual(expected
浏览 0提问于2018-05-06得票数 0
1回答
当我调用调度函数时，我正在尝试测试我的生成器函数是否被调用。我正在做一些类似的事情：
在我的saga.js中：
import { takeLatest } from 'redux-saga/effects'
import { SIGNIN_FORM_SUBMIT } from './constants'
export default function* signInFormSubmit() {
return yield takeLatest([SIGNIN_FORM_SUBMIT], function*() {
console.log(
浏览 5提问于2018-09-24得票数 3
2回答
我试图使用Redux-saga中间件来避免异步函数错误，我使用了function，我连接了Redux-Saga并完成了函数*产生函数，但是我不知道为什么它不读取我的操作来拦截它，它给了我同样的错误：
错误:操作必须是普通对象。使用自定义中间件进行异步操作。
代码: Store.js
import createSagaMiddleware from 'redux-saga';
import rootReducer from './RootReducer'
import {watchFetchImages} from '../middleware/s
浏览 1提问于2020-02-10得票数 3
在我的redux saga生成器函数上运行runSaga，我的窗口变量被抛出为未定义，但我的测试文件通过了，有什么方法可以模拟窗口变量吗？
下面是我的redux saga生成器函数
import api from 'my-api';
const getSuburb = () => window.userCookies.selectedSuburb;
function* saga(payload) {
const action = yield take('REQUEST_LIBRARY');
const selectedSuburb = yi
浏览 6提问于2019-10-31得票数 6
我不能让redux-saga/effects方法像广告中那样工作。我尝试过很多次，这里是我最简单尝试使用select的一个例子，我希望它返回我的状态，但却返回未定义的状态。
Saga.js：
export function* selectTest() {
const temp = yield* select();
console.log('select returns: ', temp);
return temp;
}
export default [
selectTest,
]
在routes.js中(我使用的是反应样板)
return [
{
p
浏览 4提问于2017-09-28得票数 0
回答已采纳
1回答
我为我的sagas编写了一些磁带测试，但是最简单的例子总是因为同样的原因而失败。我有一个单线传奇：
export function* clearUser(){
yield* put({type: 'CLEAR_USER'});
}
我的磁带测试同样简单：
test('clear user saga', (assert)=> {
const gen = clearUser();
assert.deepEqual(
gen.next().value,
put({type: 'CLEAR_USER&
浏览 2提问于2016-09-28得票数 0
回答已采纳
我需要每隔一段时间获取数据。我目前使用react组件来容纳我的逻辑，只渲染null，但我在我的应用程序中添加了redux-saga，我宁愿将流程转移到saga。我还不知道如何使用生成器回调或从回调中调用生成器。
以下是我到目前为止构建的内容：
// @flow
import { takeLatest, all, put, select } from 'redux-saga/effects';
import * as types from '../constants/ActionTypes';
let timers: Array<IntervalID>
浏览 1提问于2019-03-09得票数 1
我看到了一个传奇故事：
export function* mySaga({ username, password }) {
yield call(login, username, password);
}
此saga的调用是调度由saga中间件调用的login函数，还是仅创建和配置由中间件返回并用于调度对login的调用的效果
浏览 1提问于2017-09-20得票数 0
当启动操作被分派时，我启动秒表React组件的计时器：
import 'babel-polyfill'
import { call, put } from 'redux-saga/effects'
import { delay, takeEvery, takeLatest } from 'redux-saga'
import { tick, START, TICK, STOP } from './actions'
const ONE_SECOND = 1000
export function * timerTickWorker
浏览 2提问于2016-06-08得票数 21
回答已采纳
3回答
我一直试图在我的项目中引入redux和redux工具包。看来我的线路有点问题。不知道该怎么解决。如果你有什么想法请告诉我。这是我正在犯的错误。下面是指向的链接
文件- configureAppStore.js
import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import reducer from './reducer';
import createSagaMiddleware from 'redux-saga';
import tweetS
浏览 17提问于2021-01-21得票数 1
我有以下redux saga，它进行api调用并处理结果：
import { takeLatest } from 'redux-saga'
import { call, put } from 'redux-saga/effects'
import { normalize, arrayOf } from 'normalizr'
import * as actions from './actions'
import * as schemas from './schemas'
import * as types from
浏览 2提问于2016-12-24得票数 2
回答已采纳
我正在构建一个简单的react/redux应用程序，它使用jsonp向发出请求。我使用redux-saga与一起处理api调用。我在saga中进行调用，它返回一个承诺，但在我可以将操作和响应数据发送到reducer之前，该承诺就超时了。还有一个全局回调函数，它似乎接收响应数据，但我不知道它会在传奇的流程中去哪里，或者我甚至根本不需要使用它。
import { takeEvery, call, put } from 'redux-saga/effects';
import jsonp from 'jsonp-promise';
let setVideoCallb
浏览 11提问于2018-02-11得票数 0
我这里有一个react saga代码，它不是按顺序运行的：
<code>A0</code>
这里的问题是在一些中间操作结束之前调用<code>D1</code>，导致在我的组件中发现一个错误
下面是我的完整代码片段：
传奇
<code>A2</code>
减速机
<code>A3</code>
浏览 3提问于2020-06-10得票数 0
我正在检查用户在显示闪屏后是否有效。因此，在我的闪屏中，我检查了redux saga中的数据，如下所示 Hide_Splash_Screen=()=>{
this.setState({
isVisible:false
})
if(this.props.phoneNumberData !== null )
{
this.props.navigation.navigate('HomeScreen')
}
else
{
this.props.navigation.navig
浏览 7提问于2020-08-08得票数 0
回答已采纳
有没有办法将node_modules中的传奇与我为应用程序编写的其他传奇结合起来？如果sagaMiddleware.run()可以接受sagas数组，这将是有意义的，但id不能
我在node_modules中有一个npm模块，里面有这个故事。
// node_modules/module/rootSaga.js
import { takeLatest } from 'redux-saga/effects'
import { createUserSaga } from './sagas/usersSagas'
export default function* u
浏览 7提问于2018-07-29得票数 3
回答已采纳
2回答
我正在使用@react-native-community/geolocation在我的React中实现监视地理定位功能，我创建了一个初始化saga函数，它负责启动geolocation.watchPosition.我想传递一个redux回调函数，它将更新我的redux状态，但它不会触发回调onGeolocationGet函数：
function* initialize(): SagaReturnType<any> {
try {
yield effects.call(geolocation.watchPosition, function* onGeolocationGe
浏览 18提问于2021-12-11得票数 0
4回答
正在更新此问题以使用connected-react-router而不是react-router-redux，因为它与react-router v4不兼容。
当调度一个动作时，我似乎不能让我的路由工作。我怀疑这是因为我使用的sagas没有正确配置。
我有一个传奇故事：
import { call } from 'redux-saga/effects'
import { push } from 'connected-react-router'
//...
yield call(push, '/dashboard')
推送功能不会将浏览器重定向到指
浏览 1提问于2018-06-08得票数 3
3回答
我在我的代码库中使用async/await。因此，我的api调用是由异步函数定义的
async function apiFetchFoo {
return await apiCall(...);
}
我想从我的saga代码中调用这个函数。看起来我不能这样做：
// Doesn't work
function* fetchFoo(action) {
const results = await apiFetchFoo();
yield put({type: "FOOS_FETCHED_SUCCESSFULLY", foos: results});
}
然而，这确
浏览 2提问于2017-04-17得票数 52
回答已采纳
1回答
我正在尝试为redux saga实现一个测试，如下所示，但我遇到了一个问题。我得到的错误是无法读取未定义的属性有效负载。由于某种原因，我传递给saga函数的'message‘变量没有定义，有人能告诉我为什么吗？谢谢
saga.spec.js
import test from 'tape'
import { put,take,call } from 'redux-saga/effects'
import { onCreateMessage } from '../src/common/sagas/messages'
浏览 0提问于2016-09-02得票数 1
3回答
我在一个saga中测试catch语句时遇到了问题。我使用的是Mocha和chai，它没有通过下面的测试，Error: error输出到控制台。
saga.js
function* submitCredentials(action) {
try {
} catch(e) {
yield put({type: LOGIN_FAIL, message: e.message})
}
}
test.js
it('should catch errors', () => {
const generator = submitCredentials();
c
浏览 0提问于2017-05-01得票数 2
我只是想知道，在redux-saga生成器函数中，yield call(function, ...arg)和yield function(...arg)有什么区别？
下面是我的代码的一部分，在生成器函数中：
const userRef = yield call(createUserProfileDocument, userAuth);
和
const userRef = yield createUserProfileDocument(userAuth);
有什么不同吗？这两行都如预期的那样工作。仅仅是yield + call是一种使用传奇的标准方式，还是还有更多？
浏览 2提问于2020-05-20得票数 1
回答已采纳
1回答
Redux传奇从未跑过
、、、、
我正在尝试在我的应用程序中配置redux-saga v1.1.3。
我在下面的配置中使用了自述式。
在我的项目中：
npm i redux-saga@1.1.3 --save
我创建了rootSaga.js如下：
import { all } from 'redux-saga/effects'
export default (customSagas) => function* rootSaga() {
yield all([
...customSagas,
])
}
我将rootSaga.js转换成一个函数，因为rootSaga是我的应用程序的核心，我
浏览 3提问于2020-05-02得票数 0
回答已采纳
2回答
假设有一个名为attachName的函数 function attachName(saga: Generator) { ... } 有一个saga函数，它实际上是一个生成器函数： function* sagaFunc(){ ... } 现在，如果我执行以下操作：attachName(sagaFunc)它会抱怨我传递给attachName的sagaFunc 示例为here 现在，如果我将attachName签名更改为 function attachName(saga: () => Generator) 错误不再出现。 但这似乎并不正确。我能否以某种方式显式地将Generator类型设置为
浏览 20提问于2021-08-05得票数 0
1回答
你好，第一次使用生成器或redux。我需要解析这些数据。我肯定我做错了，因为它不起作用哈。我怎么才能让这个起作用？如果我试图让它通过一个函数，数据错误就会输出，否则我就可以通过控制台将它记录出来。
我还得写些别的东西才能让这篇文章通过.雅达·雅达。
import { takeEvery, take, call, put, all } from 'redux-saga/effects';
import axios from 'axios';
// 1. Worker Saga
export function* asyncAjax(){
console.l
浏览 0提问于2019-03-28得票数 0
回答已采纳
1回答
我在一个react redux-saga项目中发现了这个错误：
语法错误:产字是一个保留字(66:16)
function* broken(action) {
props.forEach(prop => {
const res = yield put(blah)
// do stuff yada yada in here
浏览 0提问于2018-03-24得票数 1
回答已采纳
据我所知，你不能通过在生成器中yield a promise来获得promise。下面的测试证明了这一点。ret未定义： function* foo() {
const ret = yield Promise.resolve(50);
console.log(`ret is ${ret}`);
}
const fooGen = foo();
fooGen.next();
fooGen.next() 但我不明白为什么我可以在Redux saga中获得已解析的promise值。参见以下示例(jsfiddle：https://jsfiddle.net/vymgr7de/1/) /
浏览 4提问于2019-01-17得票数 2
回答已采纳
对于使用jest.spyOn()和mockImplmentation的模拟api调用，我没有将其定义为响应。
Saga.tsx
export function* parseUserData(parsingAction: IParsingAction) {
try {
const skills = yield call(SkillRepository.getAllSkills);
console.log('------skils-----', skills); // undefined
const industries = yield ca
浏览 4提问于2019-11-18得票数 0
回答已采纳
我正在测试一个民调传奇。
export function* sagaWithPolling() {
while (true) {
try {
// saga body
} catch (error) {
yield put(stopPolling());
yield put(displayError(error));
}
}
}
测试：
describe('error flow', () => {
const saga = sagaWithPolling();
saga.next();
浏览 2提问于2020-12-10得票数 1
Redux-saga中间件给我们的感觉就像它运行在单独的线程上。当它被告知等待由saga (生成器函数)调度的某个动作时，它挂起saga直到感兴趣的动作被调度。单个js运行时是单线程的，那么saga中间件如何等待一个动作被分派，同时又不会阻塞其他所有东西呢？
浏览 0提问于2018-12-21得票数 1
function* mySaga() {
const score1 = yield* call(asyncTsec, 3);
yield put({type:'ADD_ARTIST' , payload:score1 })
const score2 = yield* call(asyncTsec, 1);
yield put({type:'ADD_ARTIST' , payload:score2 })
const score3 = yield* call(asyncTsec, 2);
yield put
浏览 0提问于2017-11-20得票数 1
我有一个关于形式的传奇：
export function* apiRequest(apiBaseUrl, action) {
const axiosInst = getAxiosInst(apiBaseUrl);
try {
if (!action.serviceName) {
throw new Error("No service name provided");
}
const response = yield call( axiosInst.get, `/${action.serviceName}/foo-api` );
浏览 0提问于2018-08-19得票数 4
function* rootSaga() {
yield all(sagas.map(saga => fork(saga)));
}
sagaMiddleware.run(rootSaga);
在上面的代码中，sagas是一个生成器函数数组，这些函数仍然按预期工作。我对复述传奇很陌生，所以我可能没有提供相关的信息，但我遵循了许多指南，这些指南都是这样说的，但我仍然收到了以下的信息：
[...effects] has been deprecated in favor of all([...effects]), please update your code
我正在导入redux-
浏览 0提问于2018-08-29得票数 1
我以前用过复古传奇，但我对它还是很陌生的。无论如何，我似乎在下面的代码中遇到了一个问题。
在顶部，您将看到我用来触发这个AJAX请求的动作创建者。LOAD_USER_REQUEST Redux正确地分配了此操作，并将类型记录在控制台中，但是函数链在此停止。在下面的代码中，您将看到LOAD_USER_REQUEST应该调用loadUserDetails生成器，后者应该使用在我的操作创建者中收到的有效负载调用userLogin。
让我知道，如果我可以提供任何额外的信息，可能有帮助。(预先谢谢:)
// Action Creator for LOAD_USER_REQUEST.
export con
浏览 2提问于2017-07-07得票数 0
嘿，伙计们，我是个初学者，想用redux-toolkit来学习redux-toolkit。我得到一个空的user对象，当我安慰axios响应时，它显示了所有的数据，但没有显示在处理程序中。
这是密码。
UserInfoSlice
import {createSlice} from '@reduxjs/toolkit';
export const userInfoSlice = createSlice({
name: 'user',
initialState: {
user: {},
},
reducers: {
浏览 3提问于2021-03-04得票数 1
回答已采纳
1回答
我遇到了一个问题：“操作必须是普通对象。使用自定义中间件进行异步操作.”
我用reactjs处理这个样板()，我花了一天时间来解决这个问题，但没有结果。我试图移动获取请求到行动(没有传奇)和结果一样。
我的组成部分：
...
import { compose } from 'redux';
import injectReducer from 'utils/injectReducer';
import injectSaga from 'utils/injectSaga';
import { successFetching } from '.
浏览 2提问于2018-09-13得票数 0
回答已采纳
我正在阅读一个涉及redux-saga的代码库，.I刚刚开始使用redux-saga，我看到有许多处于saga.js see状态的实例已经被拉出。 function* fetchxyz({ Id }) {
try {
const authToken = yield select(state => state.auth.authToken);
const data = yield call(
getxyz1,
authToken,
Id
);
yield put({
type: FETCH_XYZ_SUC
浏览 28提问于2019-03-11得票数 0
回答已采纳
return fetch(url, {
credentials: 'same-origin',
...options
})
.then(response => response.json())
.then(function*(response) {
console.log("httpStatusCode", response.httpStatusCode)
})
上面有可能吗？当回调函数是生成器时，我不会得到控制台输出，这意味着控件不会传递给回调函数(生成器)。我想这样做的真正原因是，我必须使用来自上述回调的
浏览 1提问于2016-08-04得票数 0
回答已采纳
使用redux saga将一个类中的所有方法都实现为静态方法，下面是代码。
注册rootSaga静态方法，当操作FETCH_POST被分派时，它永远不会执行fetchAuthorSaga，因此对web api的调用永远不会发生，而是转到reducer，在那里类型在选中时显示没有数据的FETCH_POST。这里我漏掉了什么？
浏览 0提问于2018-05-24得票数 0
1回答
第一次学习如何测试一个传奇(使用Jest)。我的传奇需要一个传递给它的对象，其中包含一个userId，但是我得到了这个错误，这个错误明显地突出了参数中的一个区别：
Expected value to equal:
{"@@redux-saga/IO": true, "CALL": {"args": [], "context": null, "fn": [Function getClassrooms]}}
Received:
{"@@redux-saga/IO": true, "CAL
浏览 0提问于2018-02-15得票数 1
回答已采纳
我使用redux-saga版本1.1.3，这里有以下内容：
import {
spawn,
race,
take,
call,
put,
takeEvery,
delay,
} from "redux-saga/effects";
import {
MessageCenterActionTypes
} from "../types";
function remove(notification) {
return {
type: MessageCenterActionTypes.MESSAGECENTER_REMOVE
浏览 4提问于2021-02-25得票数 1
回答已采纳
我有这个deleteSkill处理程序。在这个处理程序中，我调用了一些api来删除技能。( yield (utils.deleteSkill ) )。它成功地调用了api，但之后什么都不执行。yield调用后的控制台语句不输出任何内容。我什么都想不出来。有谁能帮帮我吗？
import { takeLatest, delay, takeEvery } from 'redux-saga'
import { call, fork, put, race, take } from 'redux-saga/effects'
import * as ActionTypes f
浏览 0提问于2017-02-27得票数 1
2回答
Redux Saga热重装
、、、、
我在做一个React & Redux项目。本项目采用webpack开发中间件和热中间件进行热重装.
在我将Redux添加到该项目并将Saga中间件添加到redux商店之后。似乎每当我更改saga代码时，热重加载都会中断并显示一条错误消息：
Provider>不支持动态更改store。您很可能会看到此错误，因为您更新到Redux2.x并响应Redux2.x，不再自动重新加载热减速器。有关迁移说明，请参见。
据我所知，Saga使用的是发电机，它依赖于时间。是否可以用Sagas热重新加载页面？就像Redux减速器在热重装过程中更换自己一样。
谢谢!
浏览 4提问于2016-05-10得票数 24
回答已采纳
我用jest框架测试了saga。当我抛出新的错误时，我想测试代码，但我有一个问题。
Saga函数
try {
const clientId = yield select(selectClientId)
if (!clientId) {
throw new Error('Client id is not exists')
}
const response = yield call(fetcher, {options})
yield put(clientReceiveData({ data: response }))
}
浏览 0提问于2019-08-04得票数 0
我有一个叫做newsSaga的redux (代码如下所示)。
当我执行其中之一时，newsSaga 不执行：
yield all([(newsSaga)]);yield [fork(newsSaga)];
但是，当我执行此操作时，newsSaga 会执行：
yield all([fork(newsSaga)]);
我正在通过检查console.log语句在newsSaga.js中是否日志来验证这一点。
这一切为什么要发生？
rootSaga.js
import { all,fork } from 'redux-saga/effects';
import {newsSaga} f
浏览 3提问于2020-12-17得票数 1
我有一个非常简单的测试故事：
export function* helloSaga() {
console.log('Hello Sagas!')
}
我这样称呼它：
import reducer from "./Redux/rootReducer";
import {helloSaga} from "./Redux/Sagas/saga";
const sagaMiddleware = createSagaMiddleware();
export const store = createStore(
reducer,
浏览 10提问于2020-07-28得票数 0
回答已采纳
2回答
问题解释：
我想用Jest来测试一部残存的传奇故事。我这样做是按照在redux-saga文档中提供的示例中描述的方式：。
在我的Saga中，我调用了一个选择器函数selectSet，它从应用程序存储区返回一个特定的对象：
export const selectSet = state => state.setStore.set
在我的故事中，我试图产生这个选择器函数：
import { put, select } from 'redux-saga/effects'
import { selectSet } from '../selectors'
expor
浏览 1提问于2017-12-05得票数 1
回答已采纳
2回答
我正在做一个去年开始的项目，开发人员没有和我在一起。他们写了这样的代码： import { put, takeLatest, all, call } from 'redux-saga/effects';
import { getUserByUsernameService } from '../../services/userServices';
import 'regenerator-runtime/runtime';
function* fetchUser() {
const response = yield call(getUserB
浏览 21提问于2021-02-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
