如何在 Redux Toolkit 的 createSlice 中使用 Redux-Thunk?
==================== TLDR ============================ @markerikson(请参阅已接受的答案)亲切地指出了当前的解决方案和未来的解决方案. 编辑:2020 年 11 月 15 日:链接到文档以在 Slice 中使用异步 Thunk RTK 确实支持使用 thunk 中间件的 reducer 中的 thunk(参见答案)
..
redux-thunk相关内容
如何从 react 的 componentDIdMount() 中访问 redux-store
在下面的代码中，我试图将 state.userData.userDetails 从 redux-store 传递到 getleftpaneProductCatalogue()，但是state.userData.userDetails 不能被 componentDidMount() 访问.我尝试将 state.userData.userDetails 分配给 this.prop.userProfil
..
使用 react 和 redux 登录 api 请求
我正在尝试使用 react & 制作一个小项目还原.这个项目的Main 页面是login.我已经有一个可用的登录 api.以下是我项目中的代码片段: login.js onLoginFormSubmit(event) {event.preventDefault();this.props.actions.login(this.state.username, this.state.passwo
..
未捕获的错误:动作必须是普通对象?
未捕获的错误:操作必须是普通对象.使用自定义中间件进行异步操作..... 动作文件: 从'jquery'导入$从 '../actions/types' 导入 { phoneVerify }const verifyPhoneAsync = 函数(验证){返回 {类型:电话验证，有效载荷:验证}}const verifyPhone = 函数(电话){$.ajax({网址:'api'，类型:'P
..
组件在存储中删除后不会卸载
项目 (Todolist) 是使用 immutable 库创建的，来源在这里 Store结构:project有很多tasks，在redux store:State-map,projects,tasks- 记录 当我异步删除项目时...... export const removeProject = project =>(调度) =>{如果 (!isProjectExist(proje
..
React Redux: Uncaught Invariant Violation (Objects are not valid as a React child)
我收到的错误是“react-dom.development.js:55 Uncaught Invariant Violation: Objects are not valid as a React child (found: object with keys {counter}).如果你打算渲染一个集合的孩子，请改用数组." 当我将 Counter.js 从
{this.state.c
..
中间件如何执行异步操作?
我在理解 Redux-Thunk(或其他中间件)如何执行异步操作时有点困难.从下面的示例中，我可以看到当 onOrder 被调用时(可能是通过点击事件)，它将调度由 purchaseBurger 创建的操作.purchaseBurger 依次返回一个函数，该函数将发送一个指示购买开始的动作，然后是一个 http 请求.我的困惑是:purchaseBurger 返回的那个函数什么时候真正被调用和执行
..
React Redux 同步操作返回一些代理对象而不是字符串
我有一个带有 currentAnswer 的输入: 调度(onChangeAnswer(文本))}/> 调用函数onChangeAnswer: 导出函数 onChangeAnswer(text) {控制台日志(文本)；返回{类型:ON_CHANGE_ANSWER，数据:文本}；} 减速器: 导出默认函数reduce(state = initialState, action) {开关(动
..
将庞大的数据对象保存在 Redux 的单个存储中是个好主意吗?
由于 Redux 提供了 store 用于将所有应用程序数据保存在一个地方，将数据保存在单个大型 object 中是否是一种好习惯?如果我们有数千条记录，而且它们的数据很大，会不会影响应用程序的性能? 解决方案 这是一个很好的起点Redux 性能 为了在 React 应用程序中获得最大的渲染性能，状态应该以规范化的形状存储，许多单独的组件应该连接到存储而不是几个，并且连接的列表组件应
..
redux 表单服务器端验证
我一直在设置 redux 表单的服务器端验证.我有一个注册表单并且完美地执行了客户端验证，但是在服务器端验证中，我无法理解如何使用相应的输入字段显示来自服务器的错误消息. API 请求 const createMemberRegistration = 用户 =>{返回调度 =>{dispatch({ type: POST_REQUEST });processMemberRegistrat
..
Redux-Thunk :操作必须是普通对象
Redux thunk 对我不起作用，不知道为什么.之前，一切正常.现在我试图让 redux-thunk 工作，但它只是给了我 动作必须是普通对象 我认为我的代码相当标准: createStore import { createStore as reduxCreateStore, applyMiddleware } from 'redux';从'./src/reducers'导
..
未捕获的类型错误:提供您的根 Epic 以创建 EpicMiddleware(rootEpic)
我收到此错误 未捕获的类型错误:将您的根 Epic 提供给createEpicMiddleware(rootEpic) 不再被支持，而是使用epicMiddleware.run(rootEpic) 单纯使用时 import 'rxjs'import { createStore, combineReducers, applyMiddleware } from 'redux'import
..
redux dispatch 多次触发
我在 Redux (React/Redux + redux-thunk) 中遇到以下不想要的行为:我正在触发一个事件 (click)，它允许一个动作触发并将一些额外的数据作为数组中的对象分派.当我第一次单击时，该操作会使用数组中的一个对象分派一次(结果 1:一个新对象) - 这很好. 但是现在不想要的事情发生了: 当我第二次点击调用新的附加数据时，动作会分派两次 - 第一次是之前调用的
..
fetch api 从服务器获取错误消息而不是通用消息
我正在使用 redux thunk 在一个动作中获取一些数据 function handleErrors(response) {控制台日志(响应)如果(！响应.确定){抛出错误(response.statusText)；}返回响应；}export const something = (var) =>调度 =>{fetch(`${url}/something`, {credentials: 'in
..
如何使用 thunk 和 useDispatch(react-redux 钩子)从动作返回承诺?
我刚刚开始探索 react-redux 钩子，我很好奇如果我使用 thunk 和 useDispatch()，如何返回一个 promise.基本上我想实现以下目标: const dispatch = useDispatch();dispatch(myAction(...args)).then((result) => {...做一些有结果的事情}); 当我的动作看起来像这样时: const m
..
使用异步数据初始化组件
我正在尝试弄清楚在 react + redux + thunk 中为我的选择框如何以及在何处加载数据(即在我的操作上调用调度).我不确定它是否应该放在我的 App 容器的构造函数中，或者我应该将它加载到我的组件中(在我的示例中:“MyDropdown") 我的主应用: 从'../components/mydropdown'导入MyDropdown；//我应该在这里导入我的动作然后...//
..
异步初始状态 React-Redux Redux-Thunk
使用 React、Redux、Redux-thunk 我想通过服务器请求(API 调用)获得初始状态，但我不能似乎让这个工作. 到目前为止我得到了什么: var Redux = require('redux');var carReducer = require('./reducers/cars');var thunk = require('redux-thunk').default;var
..
为什么要使用 Redux Thunk
为什么使用 Redux Thunk 那么你可以这样做: ReadableAPI.getCategories().then((categories)=>{console.log('getCategories 之后', 类别)this.props.dispatch(addCategories(categories))}) 这不是更直接并达到同样的目的吗? 解决方案 这个来自 Dan Abr
..
如何在 React.js 应用程序中刷新 JWT 令牌?
我在这里检查了所有类似的问题，但没有一个是我需要的.我正在保护我的应用程序中的路由，并随每个请求发送 JWT，这里一切正常.问题是当 JWT 到期时，我需要知道如何刷新该令牌并使用户保持登录状态，而不是注销用户. 每个人都在谈论创建一个处理该问题的“中间件"，但没有人说如何创建该中间件以及其中包含什么? 那么，这样做的最佳实践是什么?我应该在发送任何请求之前检查 JWT 的到期日期吗?
..
无法调用 reactReduxFirebase() - TypeError: Object is not a function
我使用 redux-thunk 作为中间件并尝试连接到 redux-firestore.当我运行应用程序时，我在 createStore 处收到错误 “TypeError: Object(...) is not a function". 从'./reportWebVitals'导入reportWebVitals；从“redux"导入 {createStore,applyMiddleware,co
..