-
1 votesanswersviews
使用redux-thunk和normalizr从多个API调用创建数据对象
我正在使用 redux-thunk 和 normalizr 来创建数据模式 . 首先,我从获取调用中获取一个账单列表(未显示),然后对于响应中的每个项目,我使用账单ID在单独的API调用(如下所示)中获取与该账单相关的一些条款 . 外部提取响应中未提供该数据 . 我正在为每个账单采用标准化的术语实体,在我发送到州之前,我用一个包含相关账单列表的副本替换每个实体对象 . (下面的代码工作正常 . )... -
3 votesanswersviews
mapStateToProps中的状态是JSX! React / Redux
我是React / Redux的初学者并遇到了这个疯狂的问题,当我在console.log状态下调试mapStateToProps(状态)时,它记录了一些JSX . 详细说明... import React, { Component } from 'react'; import { connect } from 'react-redux'; import BlogListItem from '.... -
20 votesanswersviews
我可以在没有Redux Thunk中间件的情况下发送多个动作吗?
我读到Redux Thunk是管理异步操作/请求的可靠方法 . 没有太多关于通过其他行动调度行动的事情 . 如何调度同步动作?我不确定thunk方法的性能问题,但是我可以在其他动作创建者中调度动作而不在其中定义函数吗? 在我看来,使用redux thunk对于这种需求是不必要的 . -
4 votesanswersviews
为什么要使用redux-thunk或redux-saga来获取?
我一直在读,我应该使用redux-thunk或redux-saga来处理副作用 . 为什么不简单地使用这样的动作创建者来发送多个动作: function loadProductActionCreator(dispatch) { dispatch({ type: 'load_product', }) fetch('api/product').then( function ... -
0 votesanswersviews
将redux-thunk与redux-observable混合使用
我有一个使用redux-thunk的应用程序,并想尝试redux-observable . 目前我有一个thunk动作创建者执行以下操作: const initState = () => { return dispatch => new Promise((resolve,reject)=>{ //these each return axios promis... -
0 votesanswersviews
Redux Thunk与自定义中间件
我已经开始将redux集成到我的第一个反应应用程序中 . (这里很新鲜) 这是一个购物车应用程序 . 我希望将某些业务逻辑集中到中间件类中 . 例如 . LeaveCart - > NotifyServerEmptyCart,COUNTDOWN_HIDE,MODAL_SHOW . (后续行动) 有点像行动事件经理的命令 . 有什么理由我不能将我自己的middlware函数导出为: e... -
5 votesanswersviews
我应该在哪里编写Redux中的复杂异步流?
我想使用redux建模以下异步逻辑: 用户操作会触发一系列异步API调用 . 任何API调用都可能返回401状态(登录超时) 如果API以401响应,则显示重新登录弹出窗口 成功重新登录后,重新发出API调用并继续 我不知道在哪里放这个逻辑 . 操作不了解其他操作,他们只能访问调度,因此他们无法停止并等待它们完成 . 减速器无法发送,所以我不能把它放在那里......所以它住在... -
1 votesanswersviews
处理react-redux中异步调用的返回
假设有一个 async read(args) 方法返回一些数据 . 我使用 redux-thunk 和 redux-promise 来分派异步操作 . 该方法需要访问redux存储,以便能够读取状态树的某些部分,以及传递给 thunkMiddleware.withExtraArguments() 的额外参数 . 该方法是抽象的,并且该方法的特定实现可能需要访问状态树的不同部分(例如,当前会话的ID... -
1 votesanswersviews
redux-promise出错:操作必须是普通对象 . 使用自定义中间件
我实际上正在尝试使用redux-promise,当我在我的行动中向我的api发送请求时,我收到此错误 . 我看到有一个演讲主题同样的错误,但我没有在回答中发现我的问题解决 . So this is my code : ./app.js import React from 'react' import ReactDOM from 'react-dom' import { Provider } fr... -
9 votesanswersviews
React Redux中的异步ActionCreator
我在React-Redux中很新 . 正在处理申请 . 问题是我遇到了Redux actionCreator异步执行的一些问题,可能是 . 以下是我的组件 . 说,我想从 componentDidMount() 或onclick事件监听器调用actionCreator . class Dashboard extends PureComponent { componentDidMount... -
2 votesanswersviews
React-Redux:组件或容器中的表单?
我很难理解何时使用组件以及何时使用容器 . 我知道只有容器应该连接到商店,所有(表示性)组件都应该获得所有必要的输入作为道具 . 如果我想写一个登录页面,我会创建一个 LoginPage.js ,呈现 UserForm.js . 现在我不太明白如何从这里开始 . 我应该将UserForm连接到商店还是LoginPage,还是更好地编写一个呈现 LoginPage.js 并连接到商店的 Login... -
0 votesanswersviews
您是否应始终同时使用Redux和REST API?
使用React或React Native时,常见的情况是使用 redux-thunk ,这样您就可以保持后端和redux状态同步 . 我意识到大多数时候,相同的模式用于所有功能,您可以在其中调用REST API,并在响应之后更新Redux状态: 例: // ADD ARTICLE export const addArticle = (article) => { type: 'ADD_... -
2 votesanswersviews
Redux Reducer复杂性问题
我目前正在用javascript重写一个大型桌面应用程序 - 特别是使用React / Redux . 不同行动的数量反映了州可能需要改变的不同方式的数量 . 目前,此应用程序中有350多个操作 . 状态是复杂的,并且状态树的许多不同部分之间存在相互依赖性,因此组合减速器是不可能的,因为来自不同根减速器的孤立状态树不适用于该应用 . 因此,我有一个主要的reducer,带有一个switch语句,包... -
2 votesanswersviews
使用axios和redux-thunk以redux形式发布请求
我无法想象如何使用axios和redux-thunk发布帖子请求,以便在查询后调度操作 . 这是我的请求模块 export default { get: function (action, url) { return (dispatch) => { axios.get(`${ROOT_URL}${url}`) .... -
0 votesanswersviews
使用react-router-dom调度位置更改时的Redux操作
我正在使用React和Redux作为搜索应用程序 . 使用 react-router-dom ,我将 /search/:term? 路由到 Search 组件: <Router> <Switch> <Route exact path="/search/:term?" component={Search} /> <Re... -
0 votesanswersviews
当action是redux-form的一部分时,不会返回Redux-thunk函数
我最近在我的React / Redux / Redux-thunk项目中添加了redux-forms,现在如果我向redux-thunk动作提交信息,则信息提交成功,但在返回函数触发后没有任何内容 . 在添加redux-forms之前,一切都按预期工作,所以我认为是问题的根源,但即使在仔细检查Redux,redux-form和redux-thunk的文档之后,我也找不到任何明显的错误 . 连接或设... -
2 votesanswersviews
一旦以redux形式传递服务器端验证,就会调度一个动作
我有一个redux形式的问题,我的问题是在代码中,一旦我通过我的服务器验证 . 我想发送一个动作,但我无法以我的形式进行客户端和服务器端验证 . LoginForm.js import React from 'react' import { Field, reduxForm } from 'redux-form' import { required, email, maxLength25 } f... -
2 votesanswersviews
带有redux thunk SubmissionError的Redux表单
我正在尝试在redux表单中使用 onSubmitSuccess 和 onSubmitFail 功能 . 以前我已经调度了一些动作,例如重置表单,关闭模式等等(取决于API响应),但是想利用抛出SubmissionError和onSubmitSuccess / onSubmitFailure来调用我的组件中的这些动作 . 从我的Thunk抛出SubmissionError时,我收到以下错误: 未... -
1 votesanswersviews
如果发生令牌刷新,则重新启动API请求队列
我正在努力将这个模式包裹在我正在努力实现的模式中,所以我希望堆栈溢出社区可以帮助我解决这个问题 . 目前我使用 redux-thunk 和 superagent 处理对我的调用API并将其与redux同步 这可能是一个例子 export const getUser = (id) => { return (dispatch) => { const deferred = new... -
1 votesanswersviews
dispatch未在异步操作创建者中定义
我试图在一个异步动作创建者中发送另一个动作 . 但是,当我使用redux-thunk中间件提供的调度功能时,它会抛出 Uncaught TypeError: dispatch is not a function 错误 . 以下是文件以获得更多帮助 store/store.dev.js use strict'; import { createStore, applyMiddleware } fro... -
0 votesanswersviews
具有嵌套闭包的Redux动作创建器
有没有办法可以在Redux的动作创建器中返回多个嵌套闭包? 考虑一个 log 动作创建者而不是接受 log(topic, level, message) ,可以写成4个嵌套函数,每个函数只接受整个参数的一个范围,如 topic => level => message => (dispatch, getState) ? 直线前进: function log(topic, level... -
1 votesanswersviews
使用typescript将异步操作发送到redux dispatch
当我尝试在redux中调度异步操作时,我遇到了问题 . 我正在使用redux-thunk来处理我的异步中间件 . 我有一个像这样的异步动作函数: function async() { return dispatch => { dispatch(req()); setTimeout(function() { dispatch(r... -
2 votesanswersviews
Redux可能在服务器端调度操作
我是redux的初学者,并创建了通用的react redux应用程序 . 这是在服务器端调度异步操作的任何选项,如服务器端的 store.dispatch(actions.getOutput()) . getOutput是一个 asynchronous 动作,它在调用时获取一些api并在redux上更改状态 . 我知道在客户端使用redux-thunk中间件发送它但不了解服务器端的进程 let ... -
2 votesanswersviews
Redux-Thunk“动作必须是普通对象 . 使用自定义中间件进行异步操作 . “
使用Thunk中间件创建我的商店 import { createStore, applyMiddleware, compose } from 'redux'; import thunk from 'redux-thunk'; const store = createStore( reducer, initialState, applyMiddleware(thunk) )... -
5 votesanswersviews
Redux Actions必须是普通对象 . 使用自定义中间件进行异步操作
我收到错误“Redux Actions必须是普通对象 . 使用自定义中间件进行异步操作 . ”使用以下代码 . export const getFriends = () => async(): Action => { const requestConfig = { httpMethod: 'GET', version: 'v2.7', }; let has... -
0 votesanswersviews
动作必须是普通对象 . 使用自定义中间件进行异步操作,但我使用的是redux-thunk
正如 Headers 中所述,当我尝试调用返回(dispatch)=> 的动作时,我收到错误“动作必须是普通对象......” 这是整个项目:https://github.com/bmuk/youtube-dj 这是我创建商店的地方:https://github.com/bmuk/youtube-dj/blob/master/src/index.js 这是我的行动:https://githu... -
0 votesanswersviews
由redux-thunk获取错误'Uncaught Error: Actions must be plain objects. Use custom middleware for async actions.'
我试着写下波纹管代码 . 但是redux-thunk不起作用 . 你知道怎么解决吗?当我执行此代码时,它可以得到此错误 . createStore.js:113 Uncaught Error: Actions must be plain objects. Use custom middleware for async actions. 但我已经安装了redux-thunk . 为什么会发生这种... -
1 votesanswersviews
React Redux - 无法解析“node_modules \ react-redux \ lib \ index.js”中的“./components/Provider”
开发服务器返回响应错误代码:500 \ n \ n无法从"node_modules\react-redux\lib\index.js"解析"./components/Provider" BodyX: {"originModulePath":"C:\\Users\\MY PC\\Documents\\Projects\\snapf... -
34 votesanswersviews
在redux thunk dispatch之后从商店返回承诺
我正在尝试用redux thunk链接调度 function simple_action(){ return {type: "SIMPLE_ACTION"} } export function async_action(){ return function(dispatch, getState){ return dispatch(simple_action).... -
2 votesanswersviews
使用redux-promise继续获取'dispatch' undefined
我是Redux及其概念的新手,特别是中间件,所以我为任何愚蠢的错误道歉 . 在我的这个项目中,我需要使用redux-thunk . 我已经看了一些关于如何应用它们的指南和解释 . 然后我不断收到错误“未捕获的TypeError:无法读取未定义的属性'调度'” . 我打开了开发人员工具并显示了此错误: 我不知道我做的是否正确 . 以下是我的动作创建者和商店的代码 . 动作/ index.js im...