Reducer未返回值求助：数字递增Action无法更新容器Props

嘿，我来帮你捋清楚这个问题～你遇到的“容器组件props是undefined，但Reducer内部state正确”的情况，大概率是状态映射或者Reducer合并环节出了问题，咱们一步步排查：

1. 先检查Combine Reducers的配置（你代码里没写完的部分） #

你提到combine re...，这很可能是关键问题：如果没有正确把addNum reducer合并到根reducer里，或者合并时的键名不对，Store里就不会有你要的状态，容器组件自然拿不到对应props。

正确的合并写法应该是这样的：

import { combineReducers } from 'redux';
import addNum from './你的addNumReducer文件路径';

// 这里的键名（比如count）会成为Store状态树里的属性名
const rootReducer = combineReducers({
  count: addNum
});

export default rootReducer;

如果这里没合并，或者键名写错了，后续组件映射状态时肯定拿不到值。

2. 检查容器组件的Connect映射是否正确 #

容器组件里的mapStateToProps必须正确对应根reducer里的键名，否则props里的状态就是undefined。比如：

import { connect } from 'react-redux';
import { add } from './你的action文件路径';
import YourComponent from './YourComponent';

// 这里的state.count要和combineReducers里的键名完全一致
const mapStateToProps = (state) => {
  return {
    count: state.count
  };
};

// 把action映射到props，connect会自动绑定dispatch
export default connect(mapStateToProps, { add })(YourComponent);

如果mapStateToProps里写错了键（比如写成state.addNum），或者根本没写mapStateToProps，那组件props里自然找不到对应的状态值。

3. 确认Action的调用方式是否正确 #

要确保在组件里是通过props.add()来触发action，而不是直接调用add()——因为直接调用add()只会创建一个action对象，不会把它dispatch到Store，Reducer也就不会执行状态更新。比如组件里的按钮应该这么写：

<button onClick={() => this.props.add()}>点击递增</button>

4. 关于Reducer的小确认 #

你的Reducer代码看起来是没问题的：ADD case返回state+1，default返回原state，数字是值类型，不会有引用类型的修改问题。不过可以在Reducer里加个打印确认：

export default function addNum(state=0, action){
  console.log('当前state:', state);
  switch(action.type){
    case 'ADD':
      const newState = state + 1;
      console.log('更新后的state:', newState);
      return newState;
    default:
      return state;
  }
}

如果这里打印的newState是正确的，那问题肯定不在Reducer，而是前面的合并或映射环节。

快速排查小技巧 #

创建Store后，立刻打印store.getState()，看看初始状态里有没有你定义的count（或者你合并时用的键名）：

import { createStore } from 'redux';
import rootReducer from './rootReducer';

const store = createStore(rootReducer);
console.log('初始Store状态:', store.getState());

如果打印结果里没有对应的状态，那就是Combine Reducers的问题；如果有，但组件props里拿不到，就是mapStateToProps的问题。

内容的提问来源于stack exchange，提问作者Anita