@redux-saga/simple-saga-monitor做什么？
@redux-saga/simple-saga-monitor是一个Redux Saga的监控工具，它用于帮助开发人员在开发过程中监视和调试Saga的执行。
Redux Saga是一个用于管理应用程序副作用（例如异步请求和数据获取）的库。它基于生成器函数和ES6的yield关键字，使得异步流程的管理更加简洁和可读。
@redux-saga/simple-saga-monitor的作用是提供一个可视化的界面，用于实时监控Saga的执行情况。它可以显示Saga的执行状态、触发的action、以及Saga中的yield语句等信息。通过监控工具，开发人员可以更好地理解Saga的执行流程，快速定位问题，并进行调试和优化。
优势：
- 可视化监控：提供直观的界面，方便开发人员实时监控Saga的执行情况。
- 快速定位问题：通过监控工具，可以快速定位Saga中的错误或异常，提高开发效率。
- 调试和优化：监控工具可以帮助开发人员深入理解Saga的执行流程，从而进行调试和优化。
应用场景：
- 开发过程中的调试：在开发过程中，可以使用@redux-saga/simple-saga-monitor来监控Saga的执行情况，以便快速定位和解决问题。
- 性能优化：通过监控工具，可以分析Saga的执行性能，找出潜在的性能瓶颈，并进行优化。
推荐的腾讯云相关产品： 腾讯云提供了一系列云计算产品，可以帮助开发人员构建和管理云原生应用。以下是一些推荐的产品：
- 云服务器（CVM）：提供可扩展的虚拟服务器，用于部署和运行应用程序。 产品介绍链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，用于存储和管理数据。 产品介绍链接：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：无服务器计算服务，用于运行代码片段，实现按需计算。 产品介绍链接：https://cloud.tencent.com/product/scf
请注意，以上推荐的产品仅供参考，具体选择应根据实际需求和项目要求进行。
相关·内容
在store/configureStore.dev.js的redux-saga real-word example中，包含了一个名为@redux-saga/simple-saga-monitor的包，并将其作为saga中间件添加。不幸的是，我找不到任何关于这个包到底做什么的信息。谁能解释一下这件事？
浏览 46提问于2019-05-12得票数 1
情况：
我用的是redux-saga软件包。
我有两个包裹A和B。它们都依赖于redux-saga软件包。
我正在构建一个新的项目，它依赖于A，B，以及redux-saga。
我正在利用webpack为我的新项目做一个包袱。
预期：
我新项目的包应该只包含一次redux-saga。
现实：
如果我在A和B包中导入redux-saga包的一部分，我的方法是：
import {take, ...} from 'redux-saga/effect'
那么每件事都会像预期的那样运作。redux-saga的代码在我的包里只包含了一次。
但是，如果我以这种方式在A和
浏览 0提问于2019-07-07得票数 0
3回答
如何测试剩余佐贺延迟
、、、
问题
在redux-saga中，我使用yield delay(1000);。在我的单元测试中，我做expect(generator.next().value).toEqual(delay(1000));。
我希望考试能通过。
这是我的sagas.js
import { delay } from 'redux-saga';
export function* incrementAsync() {
yield delay(1000);
}
这是我的sagas.test.js
import { delay } from 'redux-saga';
import {
浏览 0提问于2018-03-13得票数 14
回答已采纳
1回答
我第一次尝试用configureStore实现redux-saga。以下是我的店：
//LOCAL
import { rootSaga } from "./saga"
import { reducer } from "./reducers"
//GLOBAL
import {configureStore} from "@reduxjs/toolkit"
import createSagaMiddleware from "redux-saga"
import logger from "redux-logger"
/
浏览 22提问于2022-05-26得票数 0
回答已采纳
我正在处理这样一种情况，即每隔60秒就需要连续调用一次API 我关心的是，我应该如何使用redux-saga调用相同的API请求 我使用的是普通的redux-saga操作，例如，获取员工列表，该操作每隔60秒获取一次员工列表 使用redux-saga、react-redux和react
浏览 42提问于2019-02-07得票数 3
我们有一个使用redux-saga的ReactJS应用程序。在redux-saga中，我们执行所有的数据抓取(http Webrequest)。此外:我们使用React钩子。 场景： 我们有一个按钮可以分派一个动作到redux。Redux-saga处理这个动作并触发一个webrequest。 现在，这个webrequest失败了(比如服务器宕机了)。 我们现在要做的是更改按钮的文本。因此，实际上，我们希望返回到操作已被分派的“范围”。 问题： 从redux-saga回到按钮的合适方法是什么？ 我发现了这个： https://github.com/ricardocanelas/redux-sa
浏览 26提问于2021-07-06得票数 0
回答已采纳
当单元测试redux中的简单api调用时，会得到此错误。
我的特性>测试api调用
预期(接收).toEqual(预期) //深度相等-预期+接收对象{“@redux-saga/IO”：true，"combinator"：false，“有效载荷”：对象{- "args"：数组-对象{-“完成”：false，"id"：1，-“标题”："delectus aut autem"，- "userId"：1，- }，-，+ "args"：数组[]，“上下文”：null，"fn"：函数g
浏览 2提问于2019-07-22得票数 0
回答已采纳
1回答
我想用redux-saga获取api数据。
下面是我如何调用api的方法：
export const getData = () => {
agent
.get(
"https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest?CMC_PRO_API_KEY=XXX"
)
.then((res) => {
console.log(res.body.data)
})
.catch((err) =&g
浏览 2提问于2020-07-30得票数 0
回答已采纳
2回答
我有一个外部API，它有一个类似于这个watchForEvents(callback)的方法，其中callback应该是一个函数function(result, error) {...}。回调被调用多次- API产生的每个事件都调用一次。方法watchForEvents是非阻塞的。
我有一个使用redux-saga的React.JS应用程序。我不知道如何处理这样的API。
如果我调用API方法并在我的saga中设置延迟-一切都会正常工作。即yield call(delay, 10000);。但是没有延迟，saga会接受回调的所有调用。
我能用这个做什么？
浏览 2提问于2017-05-30得票数 2
1回答
我有一些由React Context通过函数组件中的React.createContext()控制的变量。我也在使用redux-saga，所以我的问题是在redux-saga函数中有没有访问这个上下文值的方法。
我唯一的选择是在分派操作时将上下文值传递给操作对象有效负载。所以在redux-saga中，我们可以在action参数中使用它。
我访问了Class component的这个链接，它不适用于功能组件。
浏览 5提问于2020-06-03得票数 0
当组件调用redux-saga时，它试图在调用redux-saga完成时显示加载图标并隐藏加载图标。 // at component
const app: FunctionComponent<IProps> = ({ location, history }) => {
...
const [isLoading, setLoading] = useState(false);
useEffect(() => {
setLoading(true);
ItemsActions.getItems(); <- this line is redux
浏览 16提问于2019-03-20得票数 1
回答已采纳
我用一些组件创建了一个应用程序，并在以下组件中使用了redux-saga：
// AlphaScreen.js
import ... // react & react-native
import { useSelector, useDispatch } from 'react-redux';
import { getUser } from '../redux/ducks/user';
const AlphScreen = props => {
const dispatch = useDispatch();
useEffect(() =&g
浏览 0提问于2021-06-13得票数 0
回答已采纳
1回答
我有两个传奇，并试图结合我的根传奇。然而，这并不像我预期的那样工作。 以下是第一个传奇故事 import { put, takeEvery, all } from 'redux-saga/effects';
// Categories
function* requestAddCategory({ name }) {
try {
.....
});
} catch (err) {
}
}
export function* watcherSaga() {
yield takeEvery(type.REQUEST_ADD_CATEGORY,
浏览 17提问于2020-08-03得票数 0
回答已采纳
为什么我的传奇不能运行？我没有收到消息“console.log('hi')”。 sagaAuth.js import { all, call, put } from 'redux-saga/effects';
function* hello() {
while(true) {
console.log('hi')
}
};
export default function*() {
yield all([hello])
}; rootSaga.js import { all } from 'redux-saga/ef
浏览 26提问于2021-06-18得票数 0
1回答
我尝试在节点6.2.1上运行下一段代码。它记录1，2，，然后卡住。我无法解释为什么它不继续执行行产量采取(‘测试’).似乎anotherSaga完成并记录了2，但是控件没有返回到rootSaga。有人能帮我吗？
const {runSaga, delay} = require('redux-saga');
const {take, put, call} = require('redux-saga/effects');
function* anotherSaga() {
yield call(delay, 1000);
console.log(2);
}
浏览 3提问于2016-06-22得票数 1
回答已采纳
我需要做一个全局的类似addEventListener的事情。我使用的是原生react，需要监听深度链接重定向事件。我想不出做这件事的redux-saga方法。我需要在addEventListener中通过回调启用put。
我现在做了一个糟糕的技巧，先导入store，然后再执行store.dispatch(...)，如下所示：
import store from './flow-control'
Linking.addEventListener('url', ({ url }) => store.dispatch(_redir(url)));
有没有一种
浏览 6提问于2018-02-12得票数 5
回答已采纳
使用redux-saga，可以并行执行多个效果：
import { call } from 'redux-saga/effects'
// correct, effects will get executed in parallel
const [users, repos] = yield [
call(fetch, '/users'),
call(fetch, '/repos')
]
我如何创建那些“调用”programmatically -calls
我想要做到的是：
假设我有一个具有不同参数的数组，并且希望每个参数执行对服务器的
浏览 6提问于2016-10-14得票数 14
回答已采纳
我正在使用redux-saga的React-router-v4。我的问题是一旦用户登录，我想把他重定向到主页，所以从答案提到的与{withRouter}我尝试，但它不起作用，有人能让我知道我应该如何做redux-saga我看到了答案这是唯一的方法吗？
下面是我的redux saga代码
import { takeLatest } from 'redux-saga';
import {LOG_IN,LOG_INS,LOG_IN_ERROR} from '../constants/actionTypes';
import { call, put } from
浏览 1提问于2017-09-19得票数 1
1回答
因此，我试图使用jest从call中模拟redux-saga/effects函数，它似乎抛出了一个错误，说的是call is not declared configurable。
import * as mockreduxSagaEffects from 'redux-saga/effects';
test('calls all the appropriate actions', async () => {
const dispatchedActions = [];
jest.spyOn(mockreduxSagaEffects, &
浏览 3提问于2021-08-05得票数 0
回答已采纳
是否可以在redux-saga中同步调用store.dispatch，即在其动作完成运行后返回。例如，下面的代码
const { createStore, applyMiddleware } =require('redux')
const createSagaMiddleware =require('redux-saga').default
const { takeEvery ,take,fork,put}=require('redux-saga/effects')
const {delay} =require('redux-saga&
浏览 0提问于2018-06-22得票数 1
1回答
我使用"redux-saga"："^1.0.2“ 我想用redux-saga模拟我的API，但在网上找不到合适的答案。 我最终得到了一个非常基本但简单的解决方案:使用Promise。 你能给我一些关于这项技术的反馈吗？你会有更好的建议吗？ import { takeEvery, call, put } from "redux-saga/effects";
let mock = 1
function getdata() {
if (mock === 0) {
return fetch("https://your_own_addre
浏览 12提问于2019-06-15得票数 0
我正在使用react/redux/redux-saga，我需要传递一些格式为"idUser=10&search="something“的参数。
对于redux-saga，我使用了经典的try-catch，如下所示：
try {
const req = yield call(request, requestURL, {
method: 'GET',
body,
});
yield call(loadUsers);
} catch (err) {
console.log('ERR',
浏览 23提问于2018-06-29得票数 0
下面是一个简单的api调用。
api
import axios from 'axios';
export default {
json: {
getData: () => axios.get('https://jsonplaceholder.typicode.com/todos').then(res => res.data.slice(0, 5)),
},
};
此api调用在这里用于redux-saga函数。
Redux-saga
import {
put, fork, takeLatest, call,
} from &
浏览 0提问于2019-07-22得票数 1
回答已采纳
1回答
与多个Saga一起工作
、、、
我正在尝试实现乘法传奇，但由于某种原因，它已经停止了对我的工作，我不知道为什么。
这是我的完整代码：
// store/sagas/sagas/auth.js
import { delay } from 'redux-saga';
import { put, call } from 'redux-saga/effects';
// When the client enter input on email / password textboxes on auth form.
export function* sagaFunction1(action) {
浏览 1提问于2018-09-12得票数 0
我想在redux-saga中提出post请求。我的代码看起来像这样：
const response = yield fetch('https://test.api/test', {
method: 'POST',
body: JSON.stringify({
'auth[email]': 'test@test.test',
'auth[password]': 'test'
}),
});
如何在redux-saga中重写请求体？在邮递员中，它工作得很好。数组样式中的字段中
浏览 3提问于2019-08-15得票数 1
3回答
我想在一个saga中引入一个延迟(使用redux-saga)。
我该怎么做呢？
如果redux-saga提供了API，我也会对如何手动实现它感兴趣。
function* save({ payload }) {
yield put(pending());
// I want to simply wait (non-blocking) here for say 2 seconds
yield put(complete());
}
浏览 2提问于2017-12-04得票数 13
回答已采纳
我正在开发一个纯粹是redux-saga的应用程序，但随着应用程序的增长，文件的数量也在增长。为了解决这个问题，我正在尝试将redux-starter-kit设置为我当前的应用程序。
这是我的存储配置文件index.js
import { configureStore, getDefaultMiddleware } from 'redux-starter-kit'
import rootReducer from '../reducers'
export const store = configureStore({
reducer: rootReducer,
浏览 45提问于2019-08-17得票数 0
回答已采纳
我正在尝试使用redux-saga从连接到websocket服务器，并希望捕获连接丢失(服务器错误、重新启动)，以便在4秒内重新连接，直到连接再次恢复。问题是在重新连接到webSocket时，redux存储不再更新。
我尝试按照下面的代码使用redux-saga的eventChannel。不幸的是，在redux-saga中，没有或者至少我找不到任何应答ws的文档。
import {eventChannel} from 'redux-saga';
import {all, takeEvery, put, call, take, fork} from 'redux-saga
浏览 3提问于2019-09-20得票数 3
回答已采纳
1回答
我正在尝试创建一个存储，并将redux-saga中间件应用于它。我已经配置了所有的东西，但是当我运行这个项目时，会弹出下面的错误。
***Error: Before running a saga, you must mount the saga middleware on the store
using applyMiddleware
我错误地锁定了在线sagaMiddleware.run(sagas);。
store.js
import { createStore, applyMiddleware, compose } from 'redux';
import { c
浏览 0提问于2018-09-21得票数 1
回答已采纳
4回答
我正在开发一个企业应用程序，它在表单上非常庞大，有很多页面和页面都是表单。通常情况下，当它只是表单时，我们可以简单地使用一个库，比如formik或者react钩子表单，但是我一次又一次地看到的是，当某些事情发生变化时，有一个业务要求去做一些事情，这意味着我正在以编程的方式改变表单值。
我们目前正在使用useEffect，并将所有这些业务逻辑副作用都放在组件上，但之后感觉就像是在将视图与业务逻辑混合在一起。
然而，我的本能是使用redux，并使用redux-saga来管理所有的副作用和复杂性，这样我的UI是纯的，而且很容易编写测试。而redux-saga处理的业务逻辑和副作用，这是他们应该属于的
浏览 5提问于2020-09-28得票数 1
回答已采纳
我正在尝试使用redux-saga在react-native中注册一个firebase回调，但是我不知道怎么做(我是redux-saga的新手)。下面是我想用redux saga编写的代码：
firebase.auth().onAuthStateChanged((user) => {
if (user) {
console.log('user logged')
}
});
浏览 4提问于2018-02-01得票数 0
回答已采纳
我正在尝试使用websocket使用redux saga eventChannel从第三方api中获取实时数据，但由于某些原因，我收到了如下错误：
//sagas/index.js
import { takeLatest } from "redux-saga";
import { all, fork } from "redux-saga/lib/effects";
import { watchHistoricalPricesSaga } from "./HistoricalPricesSaga";
import { watchLi
浏览 1提问于2018-09-09得票数 0
回答已采纳
如果你有一个Redux应用程序，你想迁移到新的React Context API + hooks (useReducer)，你会如何取代redux-saga或redux-thunk来处理副作用？让我们以redux-saga的github页面为例： import { call, put, takeEvery, takeLatest } from 'redux-saga/effects'
import Api from '...'
function* fetchUser(action) {
try {
const user = yield ca
浏览 12提问于2019-04-04得票数 8
回答已采纳
我使用axios调用后端服务器。使用redux-saga，我可以轻松地控制服务器产生的副作用。
import {call, put, takeEvery} from "redux-saga/effects";
import {REQUEST_FAILED, REQUEST_SUCCESS, ROOT_URL, SUBMIT_USERNAME_PASSWORD} from "../../constants";
import axios from "axios/index";
const shootApiTokenAuth = (values) =
浏览 14提问于2017-12-20得票数 1
回答已采纳
关于如何将来自connect的react-redux作为装饰器与redux-saga相结合，有什么好的实践吗？
import React from 'react';
import { connect } from 'react-redux'
@connect(({ data }) => ({ data }), require('../models/effects').default)
export default class User extends React.Component {
onClick() {
console.
浏览 3提问于2017-04-26得票数 1
回答已采纳
当我用redux-saga测试我认为是简单的saga时，我看到了一些奇怪的结果。以这个传奇为例：
export function* initSaga() {
yield call(window.clearTimeout, runner)
yield call(PubSub.publishSync, 'RESET_CORE')
}
我的测试模型是这样的:首先使用与runner的值匹配的参数检查名为window.clearTimeout的方法，然后使用值'RESET_CORE‘测试名为PubSub的publishSync方法。
我对第一部分的测试是：
desc
浏览 7提问于2018-01-05得票数 0
回答已采纳
我使用的redux-saga花了一些时间在发电机的核心概念上，有承诺的生成器，以及redux-saga本身。下面我想要的是理解什么是惯用的，什么是推荐的，什么不是。
在一个文件中，我定义了我的根传奇、观察者传奇和一个员工传奇(fetchSupplierOrders)。
import {
fetchSupplierOrders,
} from './supplierOrders';
import { takeLatest} from 'redux-saga/effects';
function* watchSupplierOrdersSagas() {
浏览 0提问于2019-07-11得票数 1
回答已采纳
1回答
我已经使用redux-saga- test -plan编写了一些redux-saga测试，但是在尝试向expectSaga测试提供一些selects来伪造一些值时遇到了一些问题。看起来提供者似乎没有用我们的值替换我们的reselect函数调用，而是实际尝试运行reselect函数。该项目正在使用react-boilerplate模板。
我已经尝试了使用匹配器来伪造选择器的不同变体，但仍然遇到了相同的问题。
下面是我想要测试的传奇故事：
export function* categoriseA() {
const sku = yield select(makeSelectSKU());
浏览 33提问于2019-07-24得票数 2
下面是我的redux-saga生成器
export function* toggleMenu(payload) {
let transitionDuration;
let { status } = payload;
if (!status) {
transitionDuration = 500;
yield put({ type:types.TOGGLE_MENU, status: 'transitioning' });
} else {
transitionDuration = 0;
}
yield delay(transitionDuration);
浏览 2提问于2016-12-14得票数 0
我正在使用redux-saga创建一个ReactNative应用程序，但是我在将一些插件与redux-saga结合使用时遇到了一些问题。
我的代码看起来是这样的。如何执行IdsAvailable生成器？？
function *IdsAvailable(pushToken, userId){
yield put({ type: 'PUSH_TOKEN_AVAILABLE', pushToken })
}
OneSignal.addEventListener('ids', function * ({ pushToken, userId }){
//
浏览 0提问于2017-03-02得票数 0
与ES6内置的yield []相比，使用redux-saga的yield all([])有什么优势吗
要并行运行多个操作，redux-saga建议：
const result = yield all([
call(fetchData),
put(FETCH_DATA_STARTED),
]);
但是，不使用all()方法也可以实现同样的目的：
const result = yield [
call(fetchData),
put(FETCH_DATA_STARTED),
];
哪一个更好&为什么？
浏览 0提问于2017-12-20得票数 15
回答已采纳
1回答
我使用redux-saga花了大约5个月的时间，它是一个强大的中间件库。 我几乎知道redux-saga中的所有内容，但我仍然不能理解"cps“。 谁能给我解释一下(举个例子) "cps“能做些什么？ 如果有人能把我从困惑中解脱出来，我真的很感激。
浏览 36提问于2020-07-01得票数 2
回答已采纳
1回答
我正在构建react本地应用程序，在那里我使用react-native-firebase和redux-saga。这是我使用redux-saga的第一个项目，因此我正在学习。到目前为止，我使用以下方法对用户进行了身份验证：
import firebase from 'react-native-firebase';
function* loginEmlPwdSaga(action) {
try {
const auth = firebase.auth();
const data = yield call(
[auth, auth.signInAnd
浏览 3提问于2018-06-03得票数 6
我从redux-saga开始。我不知道我做错了什么。
webpack编译成功。我的应用程序可以运行，但是chrome给了我这个错误。
调度行动不起作用。
node v6.6.0
saga/Beginning.js
import { call, put, takeEvery, takeLatest } from 'redux-saga/effects';
//api service
const api = 'http://it-ebooks-api.info/v1';
const service = {};
service.fetchBook = funct
浏览 0提问于2016-12-15得票数 5
回答已采纳
通过使用React 16挂钩，我可以摆脱redux，但仍然具有状态管理功能，请参阅：https://kentcdodds.com/blog/application-state-management-with-react 但是，我过去常常使用redux-saga让侦听器(或处理程序)在reducer处理操作后异步执行某些操作。问题是，如果不依赖于redux，redux-saga，我不确定如何实现这一点。 换句话说，如果查看这里的示例：https://codesandbox.io/s/4qzj73lozx?fontsize=14&hidenavigation=1&module=%
浏览 20提问于2020-01-08得票数 0
我对redux-thunk很熟悉，今天我来到redux-saga，我知道当我们想要处理异步的，使用redux-saga时，我们需要首先调用一个动作作为信号，然后sagas将处理并返回成功/失败的操作，所以，如果我想从react组件(传递搜索-值到搜索)传递参数，但是我的第一个操作只是信号，所以，如何将值传递给负责的操作，谢谢。
浏览 2提问于2017-11-17得票数 3
1回答
这个npm测试器有什么问题吗？
、、、、
我希望将以下依赖项添加到我的npm包的package.json中：
"redux-saga": "^1.0.0-beta.0 || ^0.16.0"`.
所以当我在不同的项目中安装这个包的时候
"redux-saga": "^1.0.0-beta.1
我希望npm/纱线只在项目的1.0.0-beta.1中安装node_modules。但是，它在我的包中临时安装0.16.0。
因此，我向查询并得到了redux-saga包的奇怪结果：
^1.0.0-beta.0 || ^0.16.0只允许0.16.0 -这是意外的
^1.0.0-be
浏览 1提问于2018-08-18得票数 1
如何在Redux-Saga和Redux-Thunk中导航react-navigation的屏幕？有没有可能以传奇或thunk的形式访问navigation context？ 例如redux-thunk import { StackActions } from '@react-navigation/native';
dispatch(StackActions.replace('Profile', {
user: 'jane',
})) 或者，在redux-sagas import { StackActions } from '@
浏览 16提问于2020-07-10得票数 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回答
我有点进退两难，什么时候我们需要使用redux动作和redux传奇动作。
我不是想问什么时候使用redux和什么时候使用redux-saga。但是我想知道，当我们使用redux传奇时，我们需要使用redux操作的场景是什么。或者我在使用redux传奇时不需要使用redux动作吗？
当使用redux-saga时，请帮助我理解redux的用例。
浏览 1提问于2019-09-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
