开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

虽然reducer是正确的，但我的状态是给出了一个空/或未定义

在前端开发中，reducer是指Redux中的一个纯函数，用于处理应用程序的状态变化。它接收先前的状态和一个动作作为参数，并返回一个新的状态。reducer的作用是根据不同的动作类型来更新应用程序的状态。

在Redux中，状态是通过一个称为store的对象来管理的。store包含了应用程序的状态树，并提供了一些方法来访问和更新状态。reducer是用来更新状态的关键部分之一。

当我们说"reducer是正确的，但我的状态是给出了一个空/或未定义"时，意味着在应用程序中使用了正确的reducer函数，但是在某个特定的状态更新中，状态的值是空或未定义的。

这种情况可能是由于以下原因导致的：

初始化状态问题：在应用程序初始化时，如果没有正确地设置初始状态，那么在状态更新时可能会出现空或未定义的情况。解决方法是确保在创建store时，为初始状态提供一个合适的值。
动作类型问题：在reducer函数中，根据不同的动作类型来更新状态。如果动作类型被错误地定义或处理，可能会导致状态更新时出现问题。检查动作类型是否正确，并确保在reducer中正确处理每个动作类型。
状态更新逻辑问题：在reducer函数中，根据动作类型来更新状态的逻辑可能存在问题。可能会导致状态更新时出现空或未定义的情况。检查reducer函数中的逻辑，并确保正确地更新状态。

针对这个问题，可以通过以下步骤来解决：

检查应用程序的初始状态是否正确设置，并确保在创建store时提供了正确的初始状态。
检查动作类型是否正确定义，并确保在reducer函数中正确处理每个动作类型。
检查reducer函数中的状态更新逻辑，并确保正确地更新状态。

如果以上步骤都没有解决问题，可以进一步检查应用程序中的其他部分，例如组件之间的数据传递、动作的触发方式等。

腾讯云相关产品和产品介绍链接地址：

腾讯云云开发：https://cloud.tencent.com/product/tcb
腾讯云云原生应用引擎 TKE：https://cloud.tencent.com/product/tke
腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云服务器 CVM：https://cloud.tencent.com/product/cvm
腾讯云云存储 COS：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云移动开发：https://cloud.tencent.com/product/mobdev
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云网络安全：https://cloud.tencent.com/product/ddos

相关搜索:我的状态仍然是空的，尽管我的firebase代码是100%正确的(React)密码和用户名是正确的，但我得到了一个SMTPAuthenticationError .htm或.html扩展名 - 哪一个是正确的,哪些是不同的？我在代码块中添加了一行代码，虽然我得到的答案是正确的，但我不明白这行简单的代码是做什么用的动作是未定义的或不可见的，即使它看起来写得很正确 TypeError: document.getElementById(...)是空的，但id是正确的，因为我也类似地调用了另一个表单我需要执行一个在使用setState钩子之后立即更新状态的函数，但是函数中的状态是空的？上传文件只有当所有内容都正确或一个文件错误时才可以上传，如果其中一个是空的，则使用codeigniter 4是错误的我试图得到一个简单的程序，将工作和状态，如果用户是相同的年龄，较大或较年轻，但我不能让它正常工作一个"if"条件,结果是假的,但我的程序正在通过这个,如果无论如何??? (对或错)我正在接收一个未定义的变量，但我的变量是在从另一个页面接收主变量(myID)时定义的尽管没有错误并假定逻辑是正确的，但还是获得了一个空列表这两个中哪一个是正确的术语:命名参数或命名参数？“错误:应为字符串或类/函数，但got:未定义。”Reactjs中的错误即使我的导出和文件结构是正确的为什么我的状态在默认情况下被设置为一个空数组，它仍然是欠定义的？TypeError [ERR_INVALID_ARG_TYPE]：第一个参数必须是string类型，或者是Buffer或Uint8Array的实例。接收未定义我已经做了一个小函数，虽然里面的数据看起来是正确的，但答案看起来像是一个承诺，如何让它用数据回答我？我有一个简单的博客网站，如果我添加帖子或编辑帖子，并转到主页状态，其中的帖子是不保存的当我单击导航栏中的按钮或其他按钮时，它会将我重定向到一个名为undefined的页面，但我想要做的是打开一个引导模式 Eclipse说'MyFirstListener‘是未定义的，但是我已经在另一个我调用的类中定义了它，我不确定出了什么问题

相关搜索:

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

有帮助

没帮助

相关·内容

TS_React:Hook类型化

在当下的React开发中，函数组件大行其道。而Hook就是为了给「函数组件添加内部状态还有处理副作用」的。换句话说，Hook已经在现在的React的开发中，变得不可替代。...focus()上加了一个?。这是因为对于 TypeScript，inputRef.current「可能是空的」。...上述实现的一个问题是，就TypeScript而言，context的值可以是未定义的。也就是在我们使用context的值的时候，可能取不到。此时，ts可能会阻拦代码的编译。...如何解决context的值可能是未定义的情况呢。我们针对context的获取可以使用一个「自定义的hook。」...string)[](一个可以包含数字或字符串的「数组」)。

2.4K3 0

复习:聊聊hive随机采样①

幸运的是，Hive有一个非标准SQL“sort by”子句，它只在单个reducer中排序，并且不保证数据跨多个reducers中排序： select * from my_table sort by rand...() limit 10000; 这要好得多，但我不相信它真的是随机的。...问题是Hive的将数据拆分为多个reducer的方法是未定义的。它可能是真正随机的，它可能基于文件顺序，它可能基于数据中的某些值。Hive如何在reducers中实现limit子句也是未定义的。...在最坏的情况下，假设reduce 的key是基于数据列，而limit子句是reducers的顺序。然后样品会非常倾斜。解决方案是另一个非标准的Hive功能：“distribute by”。...最后它并不重要，因为瓶颈是全表扫描，而不是传输给reducer的这点数据。

3.9K3 0

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

userSlice将有actions和reducer来执行CRUD操作。 slice的默认状态应该是一个空数组，毕竟，我们处理的是用户。...第一个测试是确保存储是空的或未定义的。...我们还没有定义userSlice、reducer和初始状态。在slice目录中，创建一个名为user.js的文件。...thunk是一个函数，它以store的dispatch方法作为参数，然后在API或副作用完成后使用它来dispatch同步操作。首先，让我们为这个特性编写测试。...这将有助于我们比较下一个状态。 dispatch一个action，并确保它已完成，并比较预期状态和实际状态。同样，测试将失败。让我们为创建用户特性添加thunk和reducer。

1.9K3 0

【React】836- React 使用中值得优化的 7 个点

返回 JSX 的函数不要从组件内部的函数中返回 JSX。这种模式虽然很少出现，但我还是时不时碰到。...虽然这在技术上是可行的，但很难推断出组件处于什么状态，而且不容易维护。并且有可能最终处于“不可能的状态”，比如我们不小心同时将 isLoading 和 isFinished 设置为 true。...解决此问题一劳永逸的方案是使用枚举来管理状态。...在其他语言中，枚举是一种定义变量的方式，该变量只允许设置为预定义的常量值集合，虽然在JavaScript 中不存在枚举，但我们可以使用字符串作为枚举： function Component() {...，我们封装了管理状态的逻辑，并将复杂的逻辑移出了组件，这使得组件更容易维护。

6941 0

Reduxreact-reduxredux中间件设计实现剖析

而redux就为我们提供了一种管理公共状态的方案，我们后续的设计实现也将围绕这个需求来展开。我们思考一下如何管理公共状态：既然是公共状态，那么就直接把公共状态提取出来好了。...可读性很差」 JS是一门极其依赖语义化的语言，试想如果在代码中不经注释直接修改了公用的state，以后其他人维护代码得多懵逼，为了搞清楚修改state的含义还得根据上下文推断，所以我们最好是给每个操作「...//获取state 运行代码，我们会发现，打印得到的state是：{ count: NaN }，这是由于store里初始数据为空，state.count + 1实际上是underfind+1，输出了NaN...（有些地方写的是发布订阅模式，但我个人认为这里称为观察者模式更准确，有关观察者和发布订阅的区别，讨论有很多，读者可以搜一下）所谓观察者模式，概念很简单：观察者订阅被观察者的变化，被观察者发生改变时，通知所有的观察者...) 我们已经知道，connect接收mapStateToProps、mapDispatchToProps两个方法，然后返回一个高阶函数，这个高阶函数接收一个组件，返回一个高阶组件（其实就是给传入的组件增加一些属性和功能

2.2K2 0

MapReduce数据流

虽然只有2个节点，但相同的流水线可以复制到跨越大量节点的系统上。下去的几个段落会详细讲述MapReduce程序的各个阶段。...Mapper： Mapper执行了MapReduce程序第一阶段中有趣的用户定义的工作。给定一个键值对，map()方法会生成一个或多个键值对，这些键值对会被送到Reducer那里。...对于每一个已赋予到reducer的partition内的键来说，reducer的reduce()方法只会调用一次，它会接收一个键和关联到键的所有值的一个迭代器，迭代器会以一个未定义的顺序返回关联到同一个键的值...每一个reducer会把结果输出写在公共文件夹中一个单独的文件内，这些文件的命名一般是part-nnnnn，nnnnn是关联到某个reduce任务的partition的id，输出文件夹通过FileOutputFormat.setOutputPath...Reducer输出的文件会留在HDFS上供你的其它应用使用，比如另外一个MapReduce作业，或一个给人工检查的单独程序。

9532 0

TCA - SwiftUI 的救星？(一)

然后使用 TCA 实现一个最简单的 View。 SwiftUI 很赞，但是… iOS 15 一声炮响，给开发们送来了全新版本的 SwiftUI。...虽然 SwiftUI 中提供了诸多状态管理的关键字或属性包装 (property wrapper)，比如 @State、@ObservedObject 等，但是你很难说官方 SwiftUI 教程里关于数据传递...TCA 正是在这方面做出了非常多的努力。第一个 TCA app 来实际做一点东西吧，比如上面的这个 Counter。新建一个 SwiftUI 项目。...model 对 view 进行渲染的部分是正确的。...Single source of truth 是状态驱动 UI 的最基本原则之一，由于这个要求，我们希望持有状态的角色只有一个。因此很常见的选择是，整个 app 只有一个 Store。

3.2K3 0

React框架 Hook API

在初始渲染期间，返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。 setState 函数用于更新 state。...请参阅文档，了解更多关于如何处理函数以及数组频繁变化时的措施的内容。如果想执行只运行一次的 effect（仅在组件挂载和卸载时执行），可以传递一个空数组（[]）作为第二个参数。...如果你传入了一个空数组（[]），effect 内部的 props 和 state 就会一直持有其初始值。...别忘记 useContext 的参数必须是 context 对象本身：正确： useContext(MyContext) 错误： useContext(MyContext.Consumer) 错误：...如果你特别喜欢上述的参数约定，可以通过调用 useReducer(reducer, undefined, reducer) 来模拟 Redux 的行为，但我们不鼓励你这么做。

1470 0

医疗数字阅片-医学影像-REACT-Hook API索引

在初始渲染期间，返回的状态 (state) 与传入的第一个参数 (initialState) 值相同。 setState 函数用于更新 state。...请参阅文档，了解更多关于如何处理函数以及数组频繁变化时的措施的内容。如果想执行只运行一次的 effect（仅在组件挂载和卸载时执行），可以传递一个空数组（[]）作为第二个参数。...如果你传入了一个空数组（[]），effect 内部的 props 和 state 就会一直持有其初始值。...别忘记 useContext 的参数必须是 context 对象本身：正确： useContext(MyContext) 错误： useContext(MyContext.Consumer) 错误： ...如果你特别喜欢上述的参数约定，可以通过调用 useReducer(reducer, undefined, reducer) 来模拟 Redux 的行为，但我们不鼓励你这么做。

2K3 0

React实战精讲(React_TSAPI)

例如在处理字符串或数组时，我们会假设 length 属性是可⽤的。...focus()上加了一个?。这是因为对于 TypeScript，inputRef.current「可能是空的」。...上述实现的一个问题是，就TypeScript而言，context的值可以是未定义的。也就是在我们使用context的值的时候，可能取不到。此时，ts可能会阻拦代码的编译。...如何解决context的值可能是未定义的情况呢。我们针对context的获取可以使用一个「自定义的hook。」...和useDeferredValue做个对比」相同点：useDeferredValue 和 useTransition 一样，都是过渡更新任务不同点：useTransition 给的是一个「状态」，而

10.4K3 0

从源码理解 React Hook 是如何工作的

Hook 的优势：比组件更小粒度的复用，之前复用需要用 Mixin 或高阶组件（HOC，一个能够返回组件的组件）进行封装，前者依赖关系隐式导致难以维护，后者粒度过大、嵌套过深；将处理同一个逻辑的业务代码放在一起...主要逻辑为： workInProgress 赋值给全局变量 currentlyRenderingFiber，之后执行 hook 就能知道是给哪个组件更新状态了；选择 hook 调度器：根据是挂载还是更新阶段...创建一个 update 空对象；计算出最新状态，放入到 update.egerState。对比新旧状态是否相同（使用 Object.is 对比）。相同就不更新了，结束。不相同，进行后续的操作。...该队列包含了一系列 update 对象（因为可能调用了多次 setState），里面保存有 setState 传入的最新状态值（函数或其他值）。...如果顺序不一致了或者数量不一致了，就会导致错误，取出了一个其他 Hook 对应的状态值。 2、React Hooks 为什么必须在函数组件内部执行？

1.3K2 0

成为一名高级 React 需要具备哪些习惯，他们都习以为常

我假设你已经知道React的基础知识，因此不会涉及“不要改变道具或状态”这样的陷阱。坏习惯本节中的每个标题都是你应该避免的坏习惯! 我将使用一个典型的待办事项列表应用程序示例来说明我的一些观点。...完成的待办事项被存储在状态中两次，所以如果用户编辑待办事项的文本内容，你只调用setTodos, completedTodos现在包含旧的文本，这是不正确的! 有一些方法可以去复制你的状态。...当状态更新很简单时，useState是非常好的。例如，可以用 usestate跟踪复选框是否被选中，或者跟踪文本输入的值。话虽如此，当状态更新变得稍微复杂时，您应该使用一个reducer。...特别是，当你在存储一个处于状态的数组时，你应该使用一个reducer。...在我们的待办事项列表应用程序的上下文中，你肯定应该使用一个reducer来管理待办事项数组，无论是通过useReducer还是Redux。

4.7K4 0

Redux 快速上手指南

action：官方的解释是action是把数据从应用传到 store 的有效载荷，它是 store 数据的唯一来源；要通过本地或远程组件更改状态，需要分发一个action； reducer：action...，store本质上是一个状态树，保存了所有对象的状态。...当一个store接收到一个action，它将把这个action代理给相关的reducer。reducer是一个纯函数，它可以查看之前的状态，执行一个action并且返回一个新的状态。...不管什么应用程序都需要有App state(应用程序状态)，不论是在一个需要用户登录的应用，要有全局的记录着用户登录的状态，或是在应用程序中不同操作介面(组件)或各种功能上的数据沟通，都需要用到它。...目前，state为undefined或null，要解决这个问题，需要分配一个默认的值给state，使其成为一个空数组。

1.3K2 0

企业级 React 项目的高级测试设置

在任何复杂应用中，测试是一个至关重要的方面。测试不仅仅是为了提高覆盖率，其主要目的是尽可能地模拟实际使用场景。最近，我需要为一个庞大的ReactJS项目建立测试架构。让我展示给你我是如何做的。...虽然它还不完整，但我想与你分享我的进展。为什么这么做？该项目已经在使用Enzyme进行测试。...虽然Enzyme是一个不错的库，但是react-testing-library是测试React组件的更好选择。React团队也推荐使用它。...它将接受一个store和一个初始状态作为参数。这些是你想要使用redux存储来测试组件的值。...很多时候，我们需要用许多类型的提供者包装我们的根组件。其中一个例子是material-ui或styled-components的ThemeProvider。

950 0

null == undefined ?

，这两种不同类型的值，即有着不同的语义和场景，但又表现出较为相似的行为： 1、undefined undefined 的字面意思就是未定义的值，这个值的语义是，希望表示一个变量最原始的状态，而非人为操作的结果...2、null null 的字面意思是空值，这个值的语义是，希望表示一个对象被人为的重置为空对象，而非一个变量最原始的状态。在内存里的表示就是，栈中的变量没有指向堆中的内存对象，即： ?...显然语义不通，其操作不能正确的表达其想要的行为。...Undefined] 3、相似性虽然 undefined 和 null 的语义和场景不同，但总而言之，它们都表示的是一个无效的值。...== null; //true, 类型不相同 4、总结用一句话总结两者的区别就是：undefined 表示一个变量自然的、最原始的状态值，而 null 则表示一个变量被人为的设置为空对象，而不是原始状态

2.5K2 0

10 种 JavaScript 最常见的错误

当你读取一个未定义的对象的属性或调用其方法时，这个错误会在 Chrome 中出现。您可以很容易的在 Chrome 开发者控制台中进行测试。 ?...发生这种情况的原因很多，但常见的一种是在渲染 UI 组件时对于状态的初始化操作不当。...，但我们希望我们已经给你足够的线索，以解决或避免在你的应用程序中出现的这个问题。...3、 TypeError: null is not an object 这是在 Safari 中读取属性或调用空对象上的方法时发生的错误。...，它总是返回 undefined，我们不能获取或设置任何未定义的属性。

8.5K2 0

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

Store 需要一个 Reducer 因此，有件关于 Redux 的事：它并不是非常智能。你可能期待通过创建一个 store，它会给你的 state 一个合适的默认值。或许是一个空对象？...给 Reducer 一个初始状态记住 reducer 的职责是接收当前 state 和一个 action 然后返回新的 state。它还有另一个职责：在首次调用的时候应该返回初始 state。...已定义的 state 是良好的 state。而未定义的则不那么好（并且会破坏你的应用）。...然后 state 开始以不可预测的方式发生改变，想要找到改变它的代码变得几乎不可能。为了避免这些问题，Redux 提出了以下规则。 State 是只读的，唯一修改它的方式是 actions。...基本观点是：当调用失败时，dispatch 一个 FAILURE action 通过设置一些标志变量和/或保存错误信息来处理 reducer 中的 FAILURE action。

4.2K2 0

React进阶(3)-上手实践Redux-如何改变store中的数据

创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4....在Reducer中会接收到action,通过if等判断,确定要执行state的操作,这个reducer必须是个纯函数,要有返回值,返回的结果会返回给store,这里的state是上一次(原先)组件的状态...随之创建一个实时记录本(reducer) 真正的新老房信息的变更操作都是在reducer这个函数中完成的,并且它是一个纯函数,必须要有返回值在Reducer函数中,接收两个参数,第一个是上一次组件的状态值...创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4....创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4.

2.6K3 0

React进阶(3)-上手实践Redux-如何改变store中的数据

创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4....在Reducer中会接收到action,通过if等判断,确定要执行state的操作,这个reducer必须是个纯函数,要有返回值,返回的结果会返回给store,这里的state是上一次(原先)组件的状态...,接收两个参数,第一个是上一次组件的状态值,而第二个是组件具体的动作action,具体要干的什么事情在reducer中,规定只能读取state的数据,并不能直接修改state的数据,而且返回的结果是根据...创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4....创建reducer函数,管理组件共享的数据状态以及一些动作 // reducer是一个纯函数,返回一个新的state给store // 4.

2.2K2 0

深度理解Redux原理并实现一个redux

Redux的作用是什么Redux的作用在于实现状态传递、状态管理。在这里你可能会说了，如果是状态传递，那我props的传递不也是可以达到这样的效果吗？...context上下文方案不也是可以达到这样的效果吗？没错，是这样的，但是上述的两种方案是有局限性的。props方案只适用于父子组件传递状态。...context上下文方案虽然能够在根组件上定义上下文，但是有两种缺陷只要上下文里面的状态发生改变，就会重新渲染整个组件树，进而会产生庞大的性能开销。...是因为在每一次的action中我们拿到的是同一个state的内存地址，我们的期望是不管你在switch中如何更改state但是我不希望在这一步就改变了公共状态中的count，只有在我return的时候才会去更改真正的公共状态...而state = initialValue这一步的操作就是第一次派发的时候，reducer接收的state为空，我们把基础值赋给它。了解了这么多，我们还是去看一下他的源码是如何实现的吧。

4031 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭