从Sagas中导入的API方法中分派存储操作会导致依赖循环

文章/答案/技术大牛

发布

1回答

redux、redux-saga

我有一个基于socket.io的带有API方法的React应用程序。File webSocket.js处理套接字连接，以及发送和获取数据等基本方法，这些方法在我的所有应用程序中都使用。我有几个Redux存储属性，我必须在各种套接字事件期间进行更改。为此，我将Redux store从store.js导入到webSocket.js中，并使用store.dispatch()触发相应的<e

浏览 23提问于2019-08-24得票数 0

1回答

如何使用Redux加载单个对象？

javascript、reactjs、redux、react-redux、redux-saga

我一直在使用redux和sagas进行一个反应性项目。到目前为止，我已经能够创建一个结构，在这个结构中，我的组件将分派一个请求列表的操作，然后sagas执行这个操作，并调用一个将请求发送到后端的函数。然后我将这个列表存储在redux上，我的组件从redux读取列表。这是root saga函数，它将发出API

浏览 7提问于2020-05-08得票数 0

回答已采纳

2回答

：我应该把使用减速机的一部分的副作用放在哪里？

javascript、reactjs、redux、redux-thunk

我知道不要把副作用放在还原器上，我知道关于如何处理异步操作有很多很好的解释。我读过了。我有个很难回答的问题。谢谢!export const myReducer = (state, { input }) => {编辑:不重复doSomethingComplex，这仍然是还原器中其他逻辑所需要的。，

浏览 2提问于2020-04-28得票数 1

回答已采纳

1回答

如何测试使用来自分派操作的数据的Saga

javascript、redux、redux-saga、react-boilerplate

根据(令人惊叹的) 中给出的示例，测试一个从Store获取所需数据的saga (使用选择器)是没有问题的。然而，我的一些传奇故事依赖于分派操作中包含的数据： while (true) {i

浏览 2提问于2016-08-25得票数 2

回答已采纳

1回答

在一个使用redux-saga体系结构和axios的反应型本机应用程序中，我想拦截401个请求，并发送一个将我发送到登录屏幕的操作。但问题是我有一个要求循环： Require cycle: redux/store.js -> redux/sagas.js -> redux/project/saga.js -> helpers/projectHelper.js-> helpers/client.js -&g

浏览 1提问于2019-05-19得票数 8

1回答

使用调度外部反应组件

reactjs、react-redux、redux-thunk、redux-toolkit、react-typescript

我正在为我的react应用程序添加新功能，我想添加从任何地方登录的功能(包括非反应性组件)，所以我想从应用程序的任何位置发送一个操作。问题是，当我想从非组件文件中分派日志记录操作时，我必须导入存储以访问调度方法，并且在某些情况下它会引发循环导入依赖项错误。建议在这个用例中使用中间件或thunk，但是我不知道如何将它们用于我的用例，因为要触发它们，

浏览 5提问于2022-11-09得票数 -1

2回答

JS在调度redux操作时乱序执行

javascript、reactjs、redux、react-redux

下面的伪代码我有一个更复杂的版本。它是一个React组件，在render方法中，它试图从客户端的直读缓存层获取需要呈现的数据。如果数据存在，它就会使用它。否则，缓存层通过API调用获取它，并通过触发几个操作来更新Redux状态(从理论上讲，这些操作最终会导致组件使用新数据重新呈现)。问题是，由于某种原因，似乎在分派动作1之后，控制流会再次移动到渲染函数的顶部(开始

浏览 61提问于2021-02-10得票数 2

回答已采纳

1回答

如何使用TypeScript +组合API* + Vuex (命名空间)？*

typescript、vuejs3、vue-composition-api、vuex4

方法2(失败)：利用vuex-composition-helpers需要依赖于@vue/composition-api，这将导致在Vue 3依赖图中包含依赖噩梦。方法3(失败)：更接近于代码:使用类型化的ModuleActionTypes分派操作会导致[vuex] unknown action type: TEST错误，因为useStore()返回通用存储</em

浏览 1提问于2021-07-01得票数 3

1回答

NextJS官方示例代码：_app.getInitialProps调用Component.getInitialProps --这是为了确保所有页面都加载数据吗？

javascript、reactjs、redux、redux-saga、next.js

我正试图了解如何将redux-saga连接到NextJS，并遵循它们提供的示例代码- 。我知道可以从getInitialProps内部加载数据，但是我不知道调用Component.getInitialProps是怎么回事 static也就是说，在index.js中，我们有以下代码 static async getInitialProps (props)return <Page title='

浏览 0提问于2019-01-25得票数 0

1回答

使用redux-thunk和直接调用调度()有什么区别？

reactjs、react-native、redux、react-redux、redux-thunk

我知道，redux-thunk允许操作创建者异步地进行操作，并在随后的某个时间分派一个常规操作。例如，我可以在我的actions.js中定义一个thunk操作创建者。result => dispatch({ location: result })并从一个反应性组件中调用它，如下所示： onPress={() => t

浏览 3提问于2017-12-12得票数 6

回答已采纳

1回答

路线更改时的调度操作

reactjs、react-router、react-redux

我有一个从Redux状态呈现用户信息的智能User组件。下面是我定义的一条路由：每当我点击一个特定的用户时，路由就会改变，它会强制组件更新。但是，当路由发生变化时，我希望通过:id从外部API获取用户详细信息的Redux操作。更改Route路径后，为User组件获取新数据集的正确<e

浏览 4提问于2017-03-30得票数 1

1回答

Redux Saga -所有的手表都需要调度行动

reactjs、redux、redux-saga、saga

我已经声明了以下的佐贺api。

浏览 0提问于2019-07-17得票数 1

1回答

存储之间的循环模块依赖关系

react-native、flux、reactjs-flux

在我追踪乐器实践的react本地应用程序中，我有三家商店：每个存储都管理一个模型(会话、目标、工具)，相应地，InstrumentStore侦听仪器操作，但也侦听会话操作，以更新有关会话使用特定工具的统计信息。为了能够没有竞争条件，InstrumentStore将对动作session.add采取行动，但是等待SessionStore首先处理操作(以确保会话在API

浏览 1提问于2016-05-26得票数 0

1回答

Ngrx在模块边界之间共享操作

angular、ngrx、ngrx-store、ngrx-effects、nrwl-nx

我面临一个nx循环依赖问题，涉及到我对nx的定义-执行模块-边界林特规则，这个问题与ngrx操作有关，在哪里放置它们。我将总结一下这个问题：我有三个不同的模块边界:过程A和B，它的存储，动作，减速器，效果.互动，和它的储存，行动..。也是。问题来了，因为我必须从进程A或进程B存储(有不同的操作)分派一个操作，并在交互存储<em

浏览 11提问于2022-11-18得票数 0

1回答

Redux saga -错误绑定-将错误绑定到本地状态的适当方法

reactjs、react-hooks、redux-saga

我们有一个使用redux-saga的ReactJS应用程序。在redux-saga中，我们执行所有的数据抓取(http Webrequest)。此外:我们使用React钩子。场景：我们有一个按钮可以分派一个动作到redux。Redux-saga处理这个动作并触发一个webrequest。现在，这个webrequest失败了(比如服务器宕机了)。我们现在要做的是更改按钮的文本。因此，实际上，我们希望返回到操作已被分派的“范围”。问题：从<

浏览 26提问于2021-07-06得票数 0

回答已采纳

1回答

未正确更新集上的值

reactjs、redux、redux-saga

目前，我正在通过redux getBalances方法获取一些余额。所以现在，我正在手动更新余额，方法是调用getBalances方法，然后将结果设置为balances，但是我遇到了一些问题。我想要做的就是再次使用getBalances，只是将它设置为平衡，但是我不知道如何在redux中这样做。的扩展。以下是types.ts中的另一个余额调用 _id: string l

浏览 0提问于2019-04-05得票数 1

回答已采纳

1回答

我应该如何迁移一个使用Redux进行长时间操作的React站点来响应钩子呢？

javascript、reactjs、redux、redux-saga

有这么多的教程都在宣扬不同的标准和约定，迁移Redux来响应钩子的最佳实践是什么？

浏览 0提问于2019-06-06得票数 1

3回答

Flux中的AJAX :当依赖状态发生变化时刷新存储

ajax、reactjs-flux

实例数据是从API异步获取的。问题是当用户更改时，如何处理InstanceStore的状态。我已经开始相信(例如，阅读@fisherwebdev的答案)，最合适的做法是在动作创建者函数中发出AJAX请求，并使AJAX“成功”导致一个操作，而这反过来又会导致存储发生变化。选项1：我可以在InstanceStore中侦听RECEIVE_USER，如果它是新用户，则触发AJAX请求，这反过来会<

浏览 3提问于2015-01-31得票数 5

3回答

如何通过订阅获取数据后调度操作

angular、ionic2、rxjs、ngrx

在使用subscribe获取数据后，我想按如下方式分派操作。但订阅和分派都是异步执行的，其中没有强制下注的链。订阅和派单。也不可能描述订阅内部的分派，这样会导致无限循环。当我从subscription中获得某个数据时，有什么更好的方法来调度操作？我现在的代码是，ng

浏览 2提问于2017-04-28得票数 1

1回答

如何从商店获得数据？

react-redux、redux-saga

使用React Redux工作正常。我的问题是，我不知道如何才能从redux商店中获得新商品的id。仅仅是为了好玩，之前的开发人员用sagas设置了所有这些。所以我还是想了解这一切是如何结合在一起的。因此，当选中复选框时，调用函数checkFunction来调用sa

浏览 5提问于2020-06-29得票数 0

回答已采纳

点击加载更多