问题标签 [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 回答
61 浏览

reactjs - 如何在 redux-thunk 中使用只有 Hooks 的 actionCreators

我正在尝试使用 redux-thunk 使用 redux 中的钩子异步获取数据。我可以使用 connect() 来完成所有工作,但 useSelector/useDispatch 是我无法弄清楚的地方。密码箱

这是来自“../Actions/index”的操作

0 投票
0 回答
60 浏览

react-native - 如果通过子组件调用 Redux 属性增量不起作用

我有包含图像、视频的平面列表。对于图像,我定义了要显示的持续时间,然后移动到平面列表中的下一个项目,但如果是视频,一旦视频结束,然后移动到下一个项目。

我正在将 Redux 用于 currentPlayingIndex 和 flatlist 数据源。如果我在平面列表中只有图像,它工作正常,但如果我有视频,在视频端,我需要将事件从子级传递给其父级。父级调用与图像持续时间结束相同的方法移动到下一个索引,但在视频结束的情况下不会发生 currentPlayingIndex 的增量。父组件代码或平面列表处理程序

视频播放器子组件代码的渲染方法为:

VideoPlayer.js 相关代码

减速机代码

动作代码

0 投票
0 回答
288 浏览

reactjs - (React-Native) Manifest 不是有效的 JSONObject 或 JSONArray

我正在使用 expo 进行 react-native 开发,我想在我的 react native 应用程序中使用 redux 和 redux-thunk,因为我使用命令创建项目expo init myproject,然后 cd myproject

现在,当我运行expo start命令时,它成功构建并按预期运行。

然后安装redux,我使用'npm install redux redux-thunk react-redux'。

当我使用相同的命令expo start运行 myproject 并在我得到的 android 模拟器上运行它时。在此处输入图像描述

在我的模拟器中在此处输入图像描述

当我打开错误日志时,我得到了在此处输入图像描述

有人可以帮忙吗?

0 投票
1 回答
2052 浏览

reactjs - 在带有 typescript 的 redux-thunk 中,调用 getState 永远不会返回

代码:

在我的 store.js 中:

来自 Music.reducer.ts 的初始状态:

音乐还原器:

弹出此错误:

(dispatch: Dispatch<ActionTypes>, getState: () => AppStateType)工作没有问题!

为什么没有类型的音乐?请任何建议为什么会发生这种情况。

0 投票
1 回答
124 浏览

reactjs - 将react-app部署到firebase托管时出现空白页?

我有一个与将我的 react-app 部署到 firebase 托管相关的问题,我的 react 应用程序是使用 create-react-app 创建的,构建文件夹已准备好,并且我已成功将我的应用程序部署到 firebase,但没有显示,这里是我的 firebase.json 文件

firebase.json

这是浏览器中的错误:在 此处输入图像描述

该应用程序在我的计算机本地主机上运行良好,有人知道如何解决这个问题吗?

0 投票
1 回答
98 浏览

reactjs - React js:TypeError:Object(...)不是函数

我试图弄清楚错误是什么,但我无法克服它。以下是错误和代码。

0 投票
1 回答
18 浏览

javascript - 无法将动作创建者导出到组件 mapDispatchToProps 方法

在我的操作文件中,我创建了一个 fetchMethod

应用程序.js

从 './redux/actions' 导入 { requestEmbedToken }

实际上我遇到了一个错误

TypeError:requestToken 不是函数

0 投票
0 回答
223 浏览

reactjs - 成功异步操作后重定向的正确方法:将“历史”作为参数传递给 thunk VS using有条件地使用 Redux 商店?

在使用 Redux Thunk 执行异步操作后,我了解了 2 种重定向到不同页面的方法:

1-方法:将“历史”对象作为参数传递给异步操作。

在您的组件中,您使用“useHistory”钩子定义“历史”对象并将其传递给您的异步操作:

然后在您的异步操作中,您可以使用“history.push()”重定向:

2-方法:使用根据 Redux 存储值有条件地呈现的 <Redirect> 组件:

如果存储值为真,则在组件中有条件地返回:

在我们的 Async 操作中,我们调度了一个将“registerSuccess”设置为 true 的操作:

减速器:

有谁知道这两种方法中哪一种是正确的,为什么?

非常感谢!

0 投票
1 回答
140 浏览

reactjs - useEffect 导致无限循环

我得到一个无限循环,它不断地从 API 中获取信息。

如果我将 fetchTheMovie() 包装在 if 语句中,问题可以解决,但我不明白原因、任何想法或更好的解决方案?

端点是 /movie/id

电影组件:

WithSpinner 组件

使用该组件的页面

行动:

减速器:

0 投票
2 回答
47 浏览

reactjs - 错误如下:TypeError: projects.map is not a function

[在此处输入图片描述][1]

我试图将我的反应前端连接到我的 Spring Boot 后端。我遇到了这个错误。如何解决这个问题? *我是一个 react 和 javascript 新手,正在尝试构建一个新的应用程序。我尝试了另一个堆栈溢出的解决方案,但似乎没有任何效果。* [1]: https://i.stack.imgur.com/vaxWI.png