Reducer项目遇到的bug

最新推荐文章于 2025-04-21 17:48:32 发布

原创最新推荐文章于 2025-04-21 17:48:32 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#reactjs #es6

Bug 专栏收录该内容

3 篇文章

订阅专栏

本文讲述了在ReactJS项目中遇到的Reducer初始化错误问题，详细解析了Error: Reducer "good" returned undefined during initialization的原因，指出在定义reducer时，匹配失败返回state的值设定不正确。并提供了从错误代码到修正后的代码示例，帮助开发者理解并解决此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Error: Reducer “good” returned undefined during initialization

Error: Reducer "good" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.

原因：定义reducer时，设置的匹配失败时的返回state的值有问题

解决方案：

这是之前的代码：

export default function goodReducer(state, action) {
    switch (action.type) {
        
        case "add":
            // 添加数据
            return state;

        default:
            // 什么也不做，匹配失败
            return state;    
     }
}

这是修改后的代码：

export default function goodReducer(state, action) {
    switch (action.type) {
        
        case "add":
            // 添加数据
            return state;

        default:
            // 什么也不做,匹配失败
            return {...state};    
     }
}