问题标签 [react-thunk]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
46 浏览

reactjs - 基于多个 axios 请求创建组件

我正在处理 redux-thunk 项目,我需要联系端点 1 以获取我需要在页面中显示的组件和数量。然后我需要使用此返回来到达端点 2 并使用来自端点 1 的参数获取数据。

我很难创建正确的逻辑。另外,我正在分享一个图表,希望能给您提供想法和要求。

流程图

谢谢

这是我的行动。我正在尝试使用从fetchByPage调用返回的数据更新byCriteriaParams 。

0 投票
1 回答
881 浏览

redux - 使用 react redux 恢复 Ag Grid 的列状态

我在 react+redux 应用程序中使用 Ag Grid。我需要使网格持久化的列状态。换句话说,每当用户对列进行更改(顺序、排序、隐藏\显示等)时,应用程序必须将列状态保存到 DB。然后当用户再次出现时,必须恢复列状态。我的方法是使用在各种事件回调和redux 操作中将columnApi.getColumnState()状态推送到数据库。我没有错误,但是没有应用状态。这是我的组件示例代码(我正在使用):columnApi.setColumnState()componentDidMountreact-thunk

这是我的行动:

我的问题是:我应该在何时何地恢复 columnState 以便将其应用于我的网格。关键是我在使用 redux 之前有工作代码。下面的代码有效并且正确应用了状态:

所以我怀疑我在 redux 上做错了什么。请帮忙。

0 投票
1 回答
335 浏览

reactjs - 使用 redux 操作更新状态后,React 组件不更新

/keywordsActions

/keywordReducer

/SearchBar -- 反应组件

我想将 Url 中的关键字保存到商店,然后将其传递到搜索栏状态。

但我不明白这一点:

10 毫秒后,Searchbar 的 props 会更新,但组件不会再次呈现。

抱歉我的问题,我对 React / Redux 真的很陌生。请让我知道我做错了什么。谢谢你们!

更新 :

这段代码也可以工作......但是另一个不工作

0 投票
1 回答
1291 浏览

reactjs - getState().property 在异步函数中返回 undefined

我使用react-thunkwithredux来实现登录功能,但是当我使用 访问状态时getState(),该属性返回未定义。

SystemState将设置IsLogineduser何时LoginSuccessed,我稍后将使用它作为访问令牌。但是当我尝试实现注销功能时,getState().Property返回 undefined

getState()应该在异步函数中调用吗?

- - 编辑 - -

SystemSate 减速机

组合减速机

0 投票
1 回答
339 浏览

redux - React Redux Thunk 在 Action Creator 中传递 This.Props 方法

我正在使用带有 Redux 的 react-stepzilla 反应,Redux-thunk 问题是我想在动作创建器中使用 jumpToState(n) 方法。但我无法在 redux action creator 文件中访问此方法。

动作文件

getState() 方法只提供我在 reducer 中声明的状态值。控制台.log(getState)

减速机文件

CheckUserName.js 文件代码

我通过将整个 this.props 传递给动作创建者方法来找到解决方案。

我想问是否有任何替代方法可以实现这一目标。我是新来的反应

0 投票
1 回答
111 浏览

reactjs - 使用 codeandbox.io 中的 react-thunk 处理异步 http 调用时引发跨域错误

我正在使用 react-thunk 练习 API 调用。但我收到以下错误。

proxyConsole.js:64 错误:引发了跨域错误。React 无法访问开发中的实际错误对象。

出于练习目的,我参考了以下链接React-redux-tutorial

我已经在codesandbox.io 中练习过代码。代码将在代码框链接中提供

0 投票
0 回答
486 浏览

javascript - JHipster 和 React:调用异步减速器动作后如何调用函数?

用例:我有一个使用 JHipster 生成的反应应用程序。我需要从 API 获取数据,映射到表单合同,然后提交表单。

问题:JHipster 生成的reducer 代码不返回promise,那么我如何知道reducer 操作何时完成?获取实体更新状态后如何调用函数?

获取实体并返回 ICrudGetAction:

我尝试这样做并且它有效,但给了我编译错误:

我收到错误消息: TS2339:“IPayload | 类型”上不存在属性“then” ((调度:任何)=> IPayload)'。类型“IPayload”上不存在属性“then”。

这是有道理的,因为我们没有返回承诺。但是我如何更新代码以返回一个承诺,这样我就不会破坏所有自动生成的东西,同时还保持 redux 存储更新?

0 投票
1 回答
902 浏览

reactjs - 单个调度中的多个操作(React-Redux Hooks)

我正在使用react-redux 挂钩来编写登录/注销系统。目前我面临一个问题,在logout()login1()内部只会运行第一个调度。是否有研究发现redux-thunk可能可以解决这个问题,但会因为redux-thunk更有可能加载数据而感到困惑。有人对此有任何想法吗?

0 投票
1 回答
24 浏览

typescript - react-native react-thunk triggering on initial component load and any keypress on an input

I'm a bit new to react, react-native, react-redux, and react-thunk and am encountering this strange issue which I can't explain.

I have a sign-in component that uses a thunk to authenticate a user. I mapDispatchToProps and apply it to the component but for some reason, every time the component renders, it triggers the thunk and then after every keypress in either input field, the thunk is also triggered. this creates countless calls to the authentication API which all fail.

What would cause this behavior?

thunk:

0 投票
2 回答
271 浏览

reactjs - Firebase 抛出的错误被 redux-thunk 操作的 then() 捕获

如果由于 Internet 连接速度慢而导致请求需要很长时间才能解决,Firebase 会发出错误。这是错误:

@firebase/firestore:Firestore (7.9.2):无法访问 Cloud Firestore 后端。连接失败 1 次。最近的错误:FirebaseError: [code=unavailable]: The operation could not be completed 这通常表示您的设备目前没有健康的互联网连接。客户端将在离线模式下运行,直到它能够成功连接到后端。

在尝试捕获此错误时,我遇到了 redux-thunks 的奇怪行为。我的 api 函数能够在其catch()块中捕获 firebase 错误,但未在catch()thunk 操作中的块中捕获。下面是一些伪代码来更好地说明这一点:

api.js

thunks.js

我创建了一个代码沙箱来重现错误。随意玩弄代码。当您在应用程序获取数据时离线时,将引发 firebase 错误,并且控制台将显示后端 api 捕获了错误,但 thunk 操作未能这样做。我不确定这是我的错误还是 redux-thunk 库或 firebase 库的限制。

问题:如何处理此错误,以便我的 thunk 操作不会将错误发送为成功?

任何帮助都将受到热烈欢迎。