-
0 votesanswersviews
使用react-routerv4在react-redux app中从状态渲染组件时出现404错误?
*这是一个React-Redux教程,所以请不要其他解决方案:) Desired behavior :将父组件的道具从redux控制的状态传递给PostDetail组件 Current output : (1)204结果: http://localhost:3001/react/8xf0y6ziyjabvozdd253nd Request Method: OPTIONS **strong text... -
1 votesanswersviews
redux store dispatch导致React中的setState error()
我正在从组件渲染功能中调用thunk . 如果在初始应用程序加载调用thunk加载的组件时,它可以正常工作 . 但是,如果我在不同的路由加载应用程序,然后转换到呈现调用thunk的组件的路由,我收到以下错误: 警告:setState(...):在现有状态转换期间(例如在render或其他组件的构造函数中)无法更新 . 渲染方法应该是道具和状态的纯函数;构造函数副作用是反模式,但可以移动到comp... -
0 votesanswersviews
react-redux不会调度thunk api调用
我正在使用带有redux和Api调用的工作网络版本并将它们移植到React Native应用程序 . 但是我注意到在尝试调度thunk以进行API调用时,我似乎无法在我的thunk中看到控制台日志以确认调度 . 这让我觉得某些东西没有正确连接,但我只是看不出那是什么 . 我错过了什么? 我创建了一个具有初始状态的商店:当我记录 store.getState() 时,一切看起来都很好 . const... -
3 votesanswersviews
使用thunk中间件从非反应组件调度异步redux操作
我正在构建一个react / redux webapp,我正在使用一个服务来进行所有的API调用 . 每当API返回 401 - Unauthorized 时,我想将注销操作发送到我的redux商店 . 现在问题是我的api-service没有反应组件,所以我无法获得对 dispatch 或 actions 的引用 . 我首先做的是导出商店并手动调用 dispatch ,但正如我在这里读到的How... -
0 votesanswersviews
Redux-thunk异步调用和状态
我想知道我是否在React或React-Native中正确理解了Redux-thunk异步操作的模式,以及我们如何能够对操作状态做出用户反馈 . 我感觉要么我不明白这个模式,要么还有其他的谜题 . 所以,在我的React-native应用程序中(但它也可以用于React),我想调用一个更新REST调用,它将返回一个promise . 如果成功或失败,我想相应地向用户显示消息 . 如果没有Redux... -
2 votesanswersviews
当我们已经有mapDispatchToProps时,为什么我们需要redux-thunk
Redux-thunk允许您创建返回函数而不是动作的动作创建者 . 内部函数接收存储方法dispatch和getState作为参数 . function incrementAsync() { return (dispatch, getState) => { setTimeout(() => { dispatch(increment()); }, 100... -
4 votesanswersviews
React Native fetch不适用于redux?
我正在尝试对我在NodeJS中自己编写的后端进行简单的提取调用 . 虽然,我很难让获取工作 . 我在React Native中使用Redux Thunk和Redux来整理状态和道具,以便进行自导航登录/注册视图 . 我的行为看起来像这样: actions.js import { LOGIN, LOGIN_SUCCESS, LOGIN_FAILED } from '../co... -
1 votesanswersviews
Redux模式获取状态在行动创作者
我已经确定了2个在动作创建者中获取状态的模式,我想知道哪个更好: 使用redux-thunk和getState mapStateToProps在组件中,并在调用动作创建者时将状态传递回Redux 每个例子: class SomeComponent { render() { return ( <Button onPress={this... -
0 votesanswersviews
Redux-Thunk,是否应该允许两个动作更新商店中的同一个对象?
仍在学习Redux-Thunk的绳索,如果这是一个愚蠢的问题,请道歉 . 我有一个对象数组,其中每个对象将从我的MongoDB获取一些信息,其余的从外部API获取 . 我正在考虑如何将数据存储在Redux中 . 应该/可以两个不同的redux动作更新状态中的同一个对象吗?或者每个Redux动作都应该有自己的“状态”? 现在的情况: 主动作从mongoDB中下拉一个对象数组 . 主要操作构建... -
0 votesanswersviews
reducer.state.props在嵌套动作react / redux中未定义
下面是我的动作和reducer文件 - 在我的组件状态中我只看到this.props.mainData - 但是其他的subdataOneData等,没有被加载到状态 - 直到reducer我看到正在调度正确的动作我还看到了子调用的数据 - 但它们没有到达我的组件 - 我有mapStatetoprops - 我在做的地方 新问题:根据更新的代码 - 当我在reducer中打印出有效负载时 - ... -
0 votesanswersviews
如何在预加载服务器端渲染时访问动态路由参数
我试图渲染一个动态路由预加载通过异步 thunk 获取的数据 . 我的组件中有一个静态 initialAction 方法需要预加载,让他们根据需要调用这些操作 . 完成所有操作并解决承诺后,我将呈现路径/页面 . 我的问题是:如何在静态函数中引用路径参数和/或道具? 以下是相关代码,它将调用可能需要预加载数据的任何 initialAction 函数 . const promises = route... -
6 votesanswersviews
Redux thunk:从派遣行动中返回承诺
是否有可能从动作创建者返回promise / signal,当Redux thunk成功发送某些动作时解决了? 考虑这个动作创建者: function doPost(data) { return (dispatch) => { dispatch({type: POST_LOADING}); Source.doPost() // async http o... -
2 votesanswersviews
自定义Redux中间件 - 发送到中间件链的开头?
我正在编写一个需要调度thunk动作的自定义中间件 . 问题是中间件是在中间件链中的 redux-thunk 之后调用的,所以当使用提供的 dispatch 时,我得到错误 Uncaught Error: Actions must be plain objects. Use custom middleware for async actions. . export default functio... -
396 votesanswersviews
使用带有ES6发生器的redux-saga与带有ES2017异步/等待的redux-thunk的优点/缺点
现在有很多关于redux镇最新孩子的讨论,redux-saga/redux-saga . 它使用生成器函数来监听/分派操作 . 在我绕过它之前,我想知道使用 redux-saga 的优缺点,而不是下面的方法,我正在使用 redux-thunk 与async / await . 组件可能看起来像这样,像往常一样调度动作 . import { login } from 'redux/auth'; c... -
5 votesanswersviews
如何测试redux-thunk中间件异步函数?
我正在尝试使用 mocha, chai and sinon 测试我的asyn thunk middleware 函数(我的第一次!) . 请考虑我的文件: ayncActionCreators.js export const fetchCurrentUser = () => { return (dispatch) => { setTimeout(dispatch, ... -
0 votesanswersviews
为什么我会使用Redux-Thunk而不是自定义中间件?
我有以下中间件 . 这个中间件就像redux-thunk中间件,但是将调度程序和状态getter传递给action creator函数,但是我也传递了可以调用的下一个中间件 . 在这种情况下,我可以导出我的所有中间件 所以在我的动作创建者中,我只是将它传递给下一个中间件,而不是分派动作 . 我只是想知道为什么我应该使用redux-thunk而不是这个简单的customThunk中间件? -
0 votesanswersviews
Redux-form实例提交中未处理的Promise拒绝
我目前陷入了一个问题 . 我希望实现的是将错误消息从我的ApiClient返回到我的redux-form实例,以向最终用户显示消息 . 我正在以一个简单的登录表单为例 . 我的表格如下: const LoginForm = props => { const onSubmit = (formProps) => { return new Promise((value... -
0 votesanswersviews
Redux表单 - 渲染以下自定义组件时出错?不知道为什么?
我试图使用redux-form呈现以下自定义字段组件,我也将自定义道具传递给字段组件,但它不断给我一个错误,如下所示: invariant.js:42未捕获错误:对象无效作为React子对象(找到:具有键的对象) . 如果您要渲染子集合,请使用数组 . 在ConnectField中由ConnectedField创建(由Connect(ConnectedField)创建)由Connect(Conn... -
5 votesanswersviews
如何等待redux thunk发送动作
当redux thunk异步调用动作创建者返回的函数时,我怎样才能确保在调用动作创建器之后redux实际上已经调度动作然后再继续? 我需要在每次POST请求到服务器之前获取CSRF令牌,并且对于这两个过程都有相应的操作 . 问题是,如果我连续调用这些动作创建者,POST动作由于某种原因在调度CSRF动作之前被调度 . 我想将这些问题分开,所以我不想将这些行为结合起来 . 如何同步动作创建者调用代码... -
73 votesanswersviews
redux-thunk和redux-promise有什么区别?
据我所知并纠正我,如果我错了,redux-thunk是一个中间件,可以帮助我们在动作本身发送异步函数和调试值,而当我使用redux-promise时,如果没有实现我自己的机制,我无法创建异步函数,因为Action抛出仅调度普通对象的例外 . 这两个包之间的主要区别是什么?在单页反应应用中使用这两个包还是坚持使用redux-thunk有什么好处就足够了? -
0 votesanswersviews
ReactJS Redux Reduc-thunk无法发送承诺
当我尝试用redux发送一个承诺时,我有这个消息,我会看到我错了 未捕获错误:操作必须是普通对象 . 使用自定义中间件进行异步操作 . 1)这里是我的createStore import { createStore, applyMiddleware, compose } from 'redux' import thunk from 'redux-thunk' import createLogg... -
1 votesanswersviews
使用Redux的Web-Worker承诺
我的设置是:Webpack,React,Redux(包括redux-thunk) . 我正在努力在我的 mouseMove eventListener中集成Web worker . 当用户在绘图应用程序中绘制时,需要找出与'group selection' rect发生冲突的元素 . 对web-worker的调用将是异步的,因此,在action-creator函数中,我试图提出一个promise... -
2 votesanswersviews
为什么需要将redux-thunks绑定到发送?
我想我在这里错过了一个基本的理解 . 我知道为了创建一个动作并因此引发redux事件链,必须使用 dispatch 调用动作创建者 . 但是,当我们有一个redux-thunk返回一个函数,它将在我们的动作创建器上调用 dispatch 时,为什么还必须使用 dispatch 调用redux-thunk? 例如,请使用以下redux-thunk: function savePerson(perso... -
1 votesanswersviews
使用axios的redux-thunk的通用dataloader
我正在开发一个有很多异步操作的应用程序 . 我想和redux-saga一起去,但大多数人都坚持继续使用redux-thunk . 在redux-thunk中,在每个动作中,我们必须使用then,dispatch,catch等来处理异步操作 . 这使得查看动作如此混乱并且将重复大量代码 . 我想为redux-thunk和axios创建一个通用的dataLoader,但是不能考虑这两个帖子(可能是令牌... -
2 votesanswersviews
正确使用带有redux的axios
我'm creating little app using React, Redux and MongoDB. Unfortunately I'在使用 axios 与 redux 时遇到问题 . 我尝试在里面使用它减少如下: export function users(state = initialState, action) { switch (action.type) { c... -
0 votesanswersviews
Async / Await with Redux-thunk . 获取错误:操作必须是普通对象 . 使用自定义中间件进行异步操作
我正在尝试使用异步等待与redux-thunk中间件,但我得到红色屏幕错误操作必须是普通对象 . 使用自定义中间件进行异步操作 . 我想我没有返回正确的 Value 类型 . 我按一个按钮将Twitter用户链接到现有的firebase帐户 . 该按钮到达一个名为toggleTwitterAuthState的函数: export const toggleTwitterAuthState = (t... -
3 votesanswersviews
与使用常规函数作为异步动作创建者相比,在redux中使用thunk中间件有什么好处? [关闭]
我已经使用redux大约两个月了,并且刚刚开始探索处理异步行为的不同方法,例如获取数据 . 从documentation和discussions on GitHub看来,标准的方法是使用thunk middleware这是一个非常简单的概念但是我不确定我是否理解将执行异步状态机的责任交给redux中间件时的好处可以使用简单的独立功能 . 使用thunk中间件的传统Redux方法 Async Act... -
29 votesanswersviews
Redux中的异步操作
我有一个React应用程序,我需要使用Redux进行ajax调用(以便学习)到在线服务(异步) . 这是我的商店: import { createStore, applyMiddleware } from 'redux'; import thunk from 'redux-thunk'; import duedates from './reducers/duedates' export def... -
0 votesanswersviews
在react / redux应用程序中在后台获取数据的同时调度操作(有条件)的正确方法
目前在我的react应用程序中获取数据时,我正在使用redux store中的属性 isFetching 来显示一个微调器 . 通过调度3个操作来更新 isFetching 属性 . This is how the reducer looks ============================= const posts = (state = {}, {type, payload}) =&g... -
2 votesanswersviews
Wix React Native Navigation - 在异步操作后导航
我正在使用Wix React Native Navigation和Redux Thunk . 在异步操作之后导航的正确方法是什么 . 我正在尝试做类似的事情: // actionCreators.js export const createUser = (data) => { return (dispatch) => { axios.post('api/use...