使用react-router无法获取状态，react-redux connect疑似失效问题

我来帮你一步步排查这个问题——你已经用mapStateToProps把state.userData映射到组件props里，但this.props里找不到它，结合你给出的信息，咱们从这几个方向入手：

1. 先确认Redux Store里真的有userData #

首先得搞清楚你的Redux store里到底有没有userData这个属性，别忙活半天是源头就没数据。你可以在mapStateToProps里加个日志，直接打印传入的state看看：

const mapStateToProps = (state)=>{
  console.log('当前Redux State:', state); // 看看state的完整结构
  return { userData: state.userData } 
}

如果打印出来的state里根本没有userData，那问题出在reducer的合并上。你得检查root reducer有没有正确用combineReducers把处理用户数据的reducer加进去：

// 示例rootReducer.js
import { combineReducers } from 'redux';
import userReducer from './userReducer'; // 这个reducer负责生成userData

const rootReducer = combineReducers({
  userData: userReducer // 这里的key必须和你mapStateToProps里取的state.userData对应
});

export default rootReducer;

2. 确认组件在Redux Provider的覆盖范围内 #

Redux的connect方法能拿到store，前提是你的整个应用（至少是路由渲染的组件树）被<Provider>包裹着。去你的入口文件（比如index.js）检查一下：

import { Provider } from 'react-redux';
import store from './store'; // 你的Redux store实例
import { Router, browserHistory } from 'react-router';
import routes from './routes'; // 你的路由配置

ReactDOM.render(
  <Provider store={store}>
    <Router history={browserHistory} routes={routes} />
  </Provider>,
  document.getElementById('root')
);

如果你的<Init>组件不在<Provider>的范围内，connect完全不会生效，自然拿不到userData。

3. 检查路由配置的组件渲染逻辑 #

从你给出的路由片段看，你用的是旧版react-router（v3及以前）的IndexRoute。要确保：

• <Init>组件是被路由正确渲染的，比如路由配置里是这样的：

  import {Init} from '../components/Init';
  
  const routes = (
    <Route path="/" component={Layout}>
      <IndexRoute component={Init} />
      {/* 其他路由 */}
    </Route>
  );
  

• 你的<Layout>组件要正确传递props给子组件，也就是在Layout的render方法里必须渲染this.props.children，别把props拦截了。如果Layout自己也连接了Redux，也要确保它没有误删子组件的props。

4. 确认组件的导出方式没问题 #

你写了export default connect(mapStateToProps, null)(Init);，但要注意<Init>组件本身的导出方式：

• 如果Init是类组件，最好直接把connect包装后的组件作为默认导出，避免重复导出冲突：

  class Init extends Component {
    // 组件逻辑
  }
  
  const mapStateToProps = (state)=>{
    return { userData: state.userData } 
  }
  
  export default connect(mapStateToProps, null)(Init);
  

• 别同时存在多个默认导出（比如先export default Init;再导出connect后的组件），这会导致覆盖或者意外的导出问题。

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