Redux:在成功函数上使用异步中间件与分派操作
我正在尝试将 Redux 集成到我的 React 项目中.目前我没有使用任何 Flux 框架. 我的应用程序从 API 获取一些数据并以漂亮的方式显示它，如下所示: componentDidMount() {获取数据()；}获取数据(){const self = this;阿贾克斯({网址:apiUrl，}).成功(功能(数据){self.setState({数据:数据，});}).错误(
..
redux-thunk相关内容
React + Redux，如何不是在每次调度之后而是在几次之后渲染?
我正在尝试对商店进行多项更改，但在完成所有更改之前不会呈现.我想用 redux-thunk 做到这一点. 这是我的动作创建者: function addProp(name, value) {返回{类型:'ADD_PROP'，名称，值}}函数 multiGeoChanges(...changes) {//我的目标是对 geo 进行多次更改，并确保 react 直到最后都不会更新渲染返回异步函
..
在 redux 中使用 thunk 中间件比使用常规函数作为异步动作创建者有什么好处?
我已经使用 redux 大约两个月了，最近才开始探索处理异步行为(例如获取数据)的不同方法.它出现在 documentation 和 在 GitHub 上讨论 使用 thunk 中间件 这是一个非常简单的概念，但是我不确定我是否理解将执行异步状态机的责任交给 redux 中间件的好处，当一个简单的独立功能可以已经用过了. 使用 thunk 中间件的传统 Redux 方法 Async A
..
使用 Jest 在 Redux thunk 中测试分派操作
我对 Jest 还是很陌生，不可否认，我不是测试异步代码的专家...... 我使用了一个简单的 Fetch 助手: 导出函数 fetchHelper(url, opts) {返回获取(网址，选项).then((响应) => {如果(响应.确定){返回 Promise.resolve(response);}const error = new Error(response.statusText
..
登录时使用 react-router-v5 和 redux-toolkit 重定向页面
我使用的是 react-router-dom v5.2. 登录后，我希望我的页面从 / 重定向到 /home.登录表单位于 /. 当我尝试在没有任何异步功能的情况下执行身份验证(即，将用户名和密码与 react 中的硬编码值进行比较)时，一切正常. 但是当我使用 express 和 mongo 执行身份验证时，登录时的重定向停止工作.如果我再次登录，则会发生重定向.受保护的路由仍
..
我可以在没有 Redux Thunk 中间件的情况下分派多个动作吗?
我读到 Redux Thunk 是管理异步操作/请求的可靠方法.没有什么关于通过其他动作分派动作. 如何调度同步动作?我不确定 thunk 方法的性能问题，但是我可以在其他动作创建者内部调度动作而不在内部定义函数吗? 在我看来，对于这种需要，使用 redux thunk 是不必要的. 解决方案 显示和隐藏通知确实 似乎是 thunk 的一个很好的用例. David 的回答
..
redux thunk 调度后从商店返回承诺
我正在尝试使用 redux thunk 链接调度 function simple_action(){返回{类型:“SIMPLE_ACTION"}}导出函数 async_action(){返回函数(调度，getState){return dispatch(simple_action).then(()=>{...});}} 我怎样才能得到商店的退货承诺? 更具体地说: 我可能只是不理解
..
使用带有 ES6 生成器的 redux-saga 与带有 ES2017 async/await 的 redux-thunk 的优缺点
现在有很多关于redux镇最新的孩子的讨论，redux-saga/redux 传奇.它使用生成器函数来监听/调度动作. 在我考虑它之前，我想知道使用 redux-saga 而不是下面使用 redux-thunk 的方法的优缺点代码> 带有异步/等待. 一个组件可能看起来像这样，像往常一样分派动作. import { login } from 'redux/auth';类 LoginF
..
如何异步/等待 redux-thunk 操作?
action.js 导出函数 getLoginStatus() {返回异步(调度)=>{让令牌 = 等待 getOAuthToken();让成功 = 等待 verifyToken(token);如果(成功 == 真){调度(登录状态(成功))；} 别的 {console.log("成功:错误");console.log("令牌不匹配");}返回成功；}} component.js comp
..
为什么我们在 Redux 中需要异步流中间件?
根据文档，“没有中间件，Redux store 只支持同步数据流".我不明白为什么会这样.为什么容器组件不能调用异步API，然后dispatch动作? 例如，想象一个简单的用户界面:一个字段和一个按钮.当用户按下按钮时，该字段会填充来自远程服务器的数据. import * as React from 'react';import * as Redux from 'redux';从're
..
如何使调度同步
我有一个在按钮点击时执行的函数:- const modelClick = async(modelcategory, modelname)=>{const curr_model = allModels.filter(model => model.model === modelname && model.version === version)console.log("curr_model=", c
..
在 API 调用后填充 reaxt ag 网格
我刚开始做出反应并停留在这一点上.我正在操作调度程序中执行异步 API 调用以获取患者数据列表.返回数据后，我需要将其呈现在 ag 网格中. 这是我的代码: import React, { useEffect, useState } from 'react';从'react-redux'导入{连接}；从 '../../redux/patients/patients.actions' 导入
..
redux-thunk 和在应用程序架构中 - 只想在视图中呈现视图并在单独的组件中分派 GET 操作
我在我的应用程序中使用了 react-redux 和 redux-thunk，我正在尝试做两件事: 我希望能够在两个组件中共享 GET 请求的结果.我知道你可以通过将两个组件连接到商店来做到这一点，但我想这样做，如果用户登陆 X 页面，那么 Y 页面不能再次发出相同的 GET 请求(这两个组件是缩略图和轮播).换句话说，GET 请求应该发出一次(不是 100% 确定 redux-thunk
..
react + redux 中的多次/批量删除
我有一个允许多选和删除功能的数据网格.我的 api 有一个删除端点； 删除 http://localhost:8888/api/audit/id 这是动作创建者； export function deleteAudit(audits, callback) {让计数 = 0;console.log("选定的审计"，审计);const deleteItem = (auditId) =>{
..
我如何解决“操作必须是普通对象.使用自定义中间件进行异步操作.]"?
所以我在这上面浪费了 5 个小时. 我有一个像这样的 redux thunk 操作: export const fetchUser = () =>async (getState, dispatch) =>{如果 (getIsFetching(getState().user)) {返回 Promise.resolve();}调度(fetchUserRequest())；尝试 {const 响
..
reducer.state.props 在嵌套动作 react/redux 中未定义
下面是我的动作和减速器文件 - 在我的组件状态中，我只看到 this.props.mainData - 但其他 subdataOneData 等没有被加载到状态中 - 直到减速器我看到正确的动作正在被调度我也看到了子调用的数据 - 但它们没有到达我的组件 - 我有 mapStatetoprops - 我在做什么 新问题:根据更新的代码 - 当我在 reducer 中打印出有效负载时 - 我看
..
函数返回函数的通用 TypeScript 类型，用返回函数的 ReturnType 替换 ReturnType
亲爱的 TypeScript-3-Gurus， 有人可以帮助我定义一个通用类型 GuruMagic 来执行以下操作吗? T 是一个返回函数的函数，例如这个: fetchUser(id: Id) =>(调度:调度)=>Promise 泛型类型应该替换fetchUser的ReturnType与返回函数的ReturnType.像这样: type dispatchedAction = G
..
Redux Thunk - 为什么我必须调用 dispatch() 两次?
注意我用 dispatch() 调用了 setStepPositionIndex().当我删除 dispatch(...) 成为 setStepPositionIndex()我希望 setStepPositionIndex() 中的调度调用将接收它传递的普通操作对象并调度它... 或者，如果我删除 setStepPositionIndex() 中的 dispatch() 调用(并保留 dis
..
Redux-thunk:API 响应保持挂起
我正在尝试开发一个应用程序，该应用程序在给定关键字的情况下显示来自 Unsplash 的照片.我设法使用 unsplash.js 获取特定照片.在我的行动中，我有几个行动创建者: export const fetchPhotos = () =>({类型:FETCH_PHOTOS});export const receivePhotos = term =>{const unsplash = new
..
为什么不链式调度 Redux-Thunk
为什么不链式调度 Redux Thunk?只有第一次派遣工作，第二次派遣无效. 商店: const store = createStore(reducers, loadState(), applyMiddleware(thunk)); 操作: export function doSomething(name) {返回函数(调度){派遣({类型:'用户名'，有效载荷:名称})派遣({类型
..