开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法读取未定义的Redux thunk操作的属性'then‘

Redux Thunk是一个Redux中间件，用于处理异步操作。它允许我们在Redux应用中编写具有副作用的action creators，例如发起网络请求或访问数据库。

当我们使用Redux Thunk时，我们可以在action creators中返回一个函数而不是一个普通的action对象。这个函数可以接收dispatch和getState作为参数，并且可以在需要时进行异步操作。在异步操作完成后，我们可以手动调用dispatch来分发一个普通的action对象，从而更新应用的状态。

Redux Thunk的优势在于它的简单易用性和灵活性。它允许我们以一种直观的方式处理异步操作，而无需引入其他复杂的解决方案。同时，它与Redux的生态系统紧密集成，可以与其他Redux中间件和工具一起使用。

应用场景：

异步数据获取：当需要从服务器获取数据并更新应用状态时，可以使用Redux Thunk来处理异步操作。
表单提交：在表单提交时，可以使用Redux Thunk来处理异步验证、数据提交和反馈信息的更新。
路由导航：在路由导航时，可以使用Redux Thunk来处理异步加载页面所需的数据。

推荐的腾讯云相关产品：腾讯云函数（SCF）：腾讯云函数是一种无服务器计算服务，可以帮助开发者更轻松地构建和运行云端应用程序。它可以与Redux Thunk一起使用，用于处理异步操作。产品介绍链接地址：https://cloud.tencent.com/product/scf

腾讯云数据库（TencentDB）：腾讯云数据库是一种高性能、可扩展的云数据库服务，支持多种数据库引擎。它可以用于存储应用程序的数据，包括Redux状态数据。产品介绍链接地址：https://cloud.tencent.com/product/cdb

腾讯云CDN（Content Delivery Network）：腾讯云CDN是一种分布式部署的内容分发网络，可以加速网站的内容传输，提高用户访问速度。它可以用于加速Redux应用程序中的静态资源加载。产品介绍链接地址：https://cloud.tencent.com/product/cdn

相关搜索:Redux:无法读取未定义的属性'id‘React，Redux无法读取未定义的属性 Redux:无法读取未定义的属性“”updateValue“”Redux:无法读取未定义的属性“”getState“”无法读取未定义的Redux的属性'getState‘React Redux:无法读取未定义的属性“dispatch”Redux TypeError:无法读取未定义的属性'list‘React Redux“无法读取未定义的属性'props‘”无法读取Redux中未定义的属性'type‘无法读取未定义(redux，react)的属性“error”React Redux:无法读取未定义的属性'props‘无法读取未定义的ReactJ的属性“todos”，Redux Redux/toolkit TypeError:无法读取未定义的属性(读取“”getState“”)React Redux中实现的Fetch操作返回：“无法读取未定义的属性'title‘”TypeError:无法读取redux中未定义的属性“”score“”react-redux:无法读取未定义的属性“”isLogin“”React Redux TypeError:无法读取未定义的属性'title‘React Redux名称:无法读取未定义的属性‘TypeError’React/Redux - TypeError:无法读取未定义的属性“props”React redux TypeError:无法读取未定义的属性'id‘

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我是这样在 React 中实践 TDD 编程的

在Redux中编写测试听起来肯定有悖直觉。如果你使用了Redux，它可能看起来更加复杂。

03

字节前端必会react面试题1

Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。

02

前端二面高频react面试题集锦_2023-02-23

若虚拟DOM中的内容发生改变了，则生成新真实的DOM，随后替换页面中之前的真实DOM

02

React Native+React Navigation+Redux开发实用教程

为了帮助大家快速上手在React Native与Redux开发，在这本文中将向大家介绍如何在React Native中使用Redux?，以及一些必备基础以及高级知识。本参考了《新版React Na

01

【React】211- 2019 React Redux 完全指南

https://juejin.im/post/5cac8ccd6fb9a068530111c7

02

一天梳理完react面试高频题

路由匹配是通过比较 <Route> 的 path 属性和当前地址的 pathname 来实现的。当一个 <Route> 匹配成功时，它将渲染其内容，当它不匹配时就会渲染 null。没有路径的 <Route> 将始终被匹配。

02

Redux异步解决方案之Redux-Thunk原理及源码解析

前段时间，我们写了一篇Redux源码分析的文章，也分析了跟React连接的库React-Redux的源码实现。但是在Redux的生态中还有一个很重要的部分没有涉及到，那就是Redux的异步解决方案。本文会讲解Redux官方实现的异步解决方案----Redux-Thunk，我们还是会从基本的用法入手，再到原理解析，然后自己手写一个Redux-Thunk来替换它，也就是源码解析。

05

前端高频react面试题

以 store 为核心，可以把它看成数据存储中心，但是他要更改数据的时候不能直接修改，数据修改更新的角色由Reducers来担任，store只做存储，中间人，当Reducers的更新完成以后会通过store的订阅来通知react component，组件把新的状态重新获取渲染，组件中也能主动发送action，创建action后这个动作是不会执行的，所以要dispatch这个action，让store通过reducers去做更新React Component 就是react的每个组件。

02

高级前端react面试题总结

（1）不要在循环，条件或嵌套函数中调用Hook，必须始终在 React函数的顶层使用Hook

04

2022社招React面试题附答案

合成事件是 react 模拟原生 DOM 事件所有能力的一个事件对象，其优点如下：

05

【JavaScript】解决 JavaScript 语言报错：Uncaught TypeError: Cannot read property ‘X‘ of undefined

在 JavaScript 编程中，“Uncaught TypeError: Cannot read property ‘X’ of undefined” 是一种非常常见的运行时错误。这个错误通常发生在尝试访问一个未定义或未初始化对象的属性时。

05

像踢球一样玩转Redux和React

引言 React的核心是使用组件定义界面的表现，是一个View层的前端库，简单来说它就是一堆前端组件，view，view，view，重要的事情说三遍。可是有了组件

07

Redux 入门到高级教程

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。 (如果你需要一个 WordPress 框架，请查看 Redux Framework。)

03

2021高频前端面试题汇总之React篇

合成事件是 react 模拟原生 DOM 事件所有能力的一个事件对象，其优点如下：

00

百度前端高频react面试题（持续更新中）_2023-02-27

2. 尽量不要在 componentWillReviceProps 里使用 setState，如果一定要使用，那么需要判断结束条件，不然会出现无限重渲染，导致页面崩溃

03

Redux 入门教程（二）：中间件与异步操作

上一篇文章，我介绍了 Redux 的基本做法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。但是，一个关键问题没有解决：异步操作怎么办？Action 发出以后

04

深入学习 Redux 之中间件与异步操作

上一节，学习了 Redux 的基本用法：用户发出 Action，Reducer 函数算出新的 State，View 重新渲染。

02

React全家桶之Redux使用

让我们闭上眼睛想想，如果用一个词描述React 和Redux 给我们留下了什么印象，我想到的不是难学，不是繁琐，而是“限制”。

02

2021高频前端面试题汇总之React篇

React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。

00

深入Redux架构

关于redux 之前写了一篇通过一个demo了解Redux，但对于redux的核心方法没有进行深入剖析，在此重新总结学习，完整的代码看这里。(参考了React 技术栈系列教程) 什么情况需要用redu

06

《彻底掌握redux》之开发一个任务管理平台

redux是上手react开发的必经之路，也是目前react项目中使用的最流行状态管理库。虽然我们不使用redux也可以通过react的state和父子props进行基本的数据通信和项目开发，但是对于一个大型项目而言，往往考虑的更多的是代码结构和组件之间的通信，我们需要一种很优雅且有利于扩展的方式去开发我们的复杂系统，所以这种情况下使用redux是最佳的选择。

03

React与Redux开发实例精解

3.Redux是一个JavaScript状态容器，提供可预测的状态管理，三条基本原则：

02

前端模块化开发--React框架（四）：高级应用（redux）

代码地址安装 Code npm install --save redux 一、 redux要点 1. redux理解 2. redux相关API 3. redux核心概念(3个) 4. redux工

02

2022社招react面试题附答案

React的异步请求到底应该放在哪个⽣命周期⾥，有⼈认为在componentWillMount中可以提前进⾏异步请求，避免⽩屏，其实这个观点是有问题的。

01

前端react面试题（必备）2

this.props是组件之间沟通的一个接口，原则上来讲，它只能从父组件流向子组件。React具有浓重的函数式编程的思想。

02

redux-thunk中间件

最近在看redux，主要是redux官方教程(参考文章1)和网上文章(参考文章2)，基础部分已经看完，正在理解middleware中间件部分，自我感觉中间件的思想不难理解，主要是它的实现方式涉及到函数式编程，真的太抽象了。redux-thunk是一种中间件，它能使你在action creator中返回函数，此返回函数就是thunk函数，模拟一下就是

04

字节前端面试被问到的react问题

Refs 提供了一种方式，用于访问在 render 方法中创建的 React 元素或 DOM 节点。Refs 应该谨慎使用，如下场景使用 Refs 比较适合：

02

高频React面试题及详解

以下面试题来源于github项目前端面试指南,那里有超过200道高频前端面试题及答案,目前拥有1400star.

04

每日两题 T35

( 例如，数组 [0,1,2,4,5,6,7] 可能变为 [4,5,6,7,0,1,2] )。

03

React---react-redux的使用

1).UI组件:不能使用任何redux的api，只负责页面的呈现、交互等。

03

JavaScrip最容易犯的十大错误及其避免方法（）

这可能由于许多原因而发生，但常见的是在呈现UI组件时不正确地初始化状态。让我们看一个在真实应用程序中如何发生这种情况的示例。我们将选择React，但不正确初始化的相同原则也适用于Angular，Vue或任何其他框架。

01

redux-thunk引发的redux middleware和store enhancer浅析

项目中使用redux-thunk来解决异步请求的问题，但是为什么要引入redux-thunk来解决异步请求问题，不借助redux-thunk就无法解决吗？

02

2021年React学习路线图

2018 年我们写过一次 React 学习路线图（https://www.infoq.cn/article/AEkiVAiJf25LZmoUe_yc），两年过去了，又有哪些变化呢？

02

react面试应该准备哪些题目

（2）如果已经创建了 Create React App 项目，需要将 typescript 引入到已有项目中

06

第二十篇：从 Redux 中间件实现原理切入，理解“面向切面编程”

本讲我们将结合 Redux 应用实例与 applyMiddleware 源码，对 Redux 中间件的实现原理进行分析。在此基础上，我会帮助你对“面向切面”这一经典的编程思想建立初步的认识。

03

前端20个问题【中篇】

原理：在window这个全局对象下面，挂载属性，那么全局都可以拿到这个属性的值，原则上一个js文件作为一个模块，就是一个IIFE函数

01

一天梳理完react面试题

setState 是 React 中最常用的命令，通常情况下，执行 setState 会触发 render。但是这里有个点值得关注，执行 setState 的时候不一定会重新渲染。当 setState 传入 null 时，并不会触发 render。

03

学习react-redux，看这篇文章就够啦！

在 Redux 中，reducer 函数是用来处理状态（state）的函数。它接收两个参数：当前的状态（state）和被分发的 action，然后根据 action 的类型来更新状态并返回新的状态对象。

02

redux-thunk 中间件的示例

Redux处理异步任务——异步数据流中间件：redux-thunk & action是一个函数，函数内部处理异步任务

02

Redux异步解决方案 1. Redux-Thunk中间件

简单介绍一下thunk，这是一个中间件，是解决redux异步问题产生的。我们都知道，在使用redux的时候，通过dispatch一个action 发生到reducer 然后传递给store修改状态一系列都是同步的，那如果说我dispatch一个action 这个action帮我请求一下接口数据，你发现接口请求是异步的，没有办法等接口数据返回再传递给reducer 这个时候中间件就产生啦。 redux比较常用的中间件有 redux-saga、redux-thunk、redux-promise等都是为了解决dispatch action异步处理问题

02

React saga_react获取子组件ref

React的作用View层次的前端框架，自然少不了很多中间件（Redux Middleware）做数据处理, 而redux-saga就是其中之一，目前这个中间件在网上的资料还是比较少，估计应用的不是很广泛，但是如果使用得当，将会事半功倍的效果，下面仔细介绍一个这个中间件的具体使用流程和应用场景。

03

redux-thunk

一、redux-thunk介绍 redux-thunk用于处理异步action，同类型的有redux-saga

04

React-Redux-thunk

React-Redux-Thunk是一个用于处理Redux异步操作的中间件，它扩展了Redux的能力，使您能够更轻松地处理异步操作，如网络请求或定时任务。

02

来自1000多个项目的10大JavaScript错误浅析

出于可读性方面的考虑，每个错误的描述经过精简。 1.Uncaught TypeError: Cannot read property 如果你是一名JavaScript开发者，对这个错误可能已经熟视无睹。在Chrome里读取未定义对象的属性或调用未定义对象的方法时就会发生这个错误，在Chrome开发者控制台可以很容易地重现这个错误。发生这个错误的原因有很多，其中最为常见的是，在渲染UI组件时没有正确初始化状态。我们通过一个真实的例子来看看这个错误是怎么发生的。我们选择React作为示例，不过在其

08

理解 React 中的 Redux-Thunk

Thunk 是一个逻辑编程概念。你可以用来处理推迟任何事件的计算或者评估的函数，并且 React-Thunk 可以有效地充当应用程序的单独线程。

02

redux-saga_pub culture

项目链接： https://github.com/fanxiao168/React-todoList 什么是Redux Saga

01

单向数据流-从共享状态管理：flux/redux/vuex漫谈异步数据处理

不管是Vue，还是 React，都需要管理状态（state），比如组件之间都有共享状态的需要。

04

从应用到源码-深入浅出Redux

文章中的每一行代码都是笔者深思熟虑敲下的，欢迎对 Redux 感兴趣的同学共同讨论。

01

社招前端一面react面试题汇总

在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 访问 this.props。

02

应用connected-react-router和redux-thunk打通react路由孤立

在我们开发过程中，很多时候，我们需要让组件共享某些数据，虽然可以通过组件传递数据实现数据共享，但是如果组件之间不是父子关系的话，数据传递是非常麻烦的，而且容易让代码的可读性降低，这时候我们就需要一个 state（状态）管理工具。常见的状态管理工具有 redux，mobx，这里选择 redux 进行状态管理。值得注意的是 React 16.3 带来了全新的Context API，我们也可以使用新的 Context API 做状态管理。Redux 是负责组织 state 的工具，但你也要考虑它是否适合你的情况。

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭