React-Redux报错：TypeError: store.getState is not a function 求助

嘿，我完全懂你现在的头疼——照着react-redux文档写的store初始化和connect用法，结果还是报错，改了dispatch的声明方式也没搞定。我之前踩过类似的坑，咱们一步步捋捋可能出问题的地方：

• Store没正确注入组件树
  这是最常见的“低级错误”但又很容易忽略：你得确保根组件被Provider完整包裹住了，不然所有用connect()生成的容器组件根本拿不到store。检查下入口文件的结构是不是这样：

  import { Provider } from 'react-redux';
  import store from './path/to/your/store';
  import App from './App';
  
  ReactDOM.render(
    <Provider store={store}>
      <App />
    </Provider>,
    document.getElementById('root')
  );
  

  别漏了嵌套的路由或者深层子组件，必须让所有需要用redux的组件都在Provider的覆盖范围内。

• mapStateToProps里的state结构取错了
  你是靠userID来切换模块，那大概率是在mapStateToProps里取userID的时候路径不对。比如你以为userID在state.userID，但实际你的reducer组合后，它在state.auth.userID，这时候拿到的就是undefined，后续的条件渲染自然会报错。
  建议在mapStateToProps里加个console.log(state)，打印下实际的state结构，确认userID的位置和你预期的一致。

• connect的参数配置有问题
  你说尝试在props里声明dispatch而非在connect参数里定义，这里要注意：如果没传mapDispatchToProps，connect会自动把dispatch注入props，但如果你自己写了mapDispatchToProps却没正确返回包含dispatch的对象，就会导致dispatch丢失。
  比如错误写法：

  const mapDispatchToProps = () => {
    // 啥也没返回，dispatch就没了
  };
  

  要是想自定义的话，要么直接返回包含dispatch的对象：

  const mapDispatchToProps = (dispatch) => ({
    dispatch,
    // 其他action creators
  });
  

  要么用bindActionCreators来绑定你的action函数。

• 条件渲染时的兜底没做好
  当userID不存在时，你展示的访客模块是不是用到了未定义的props？比如你在访客组件里写了props.user.nickname，但userID不存在时user是undefined，就会报“Cannot read property 'nickname' of undefined”。
  可以给条件渲染加个兜底处理，比如：

  {userID ? <UserDashboard /> : <GuestPage user={user || {}} />}
  

  或者用可选链操作符props.user?.nickname来避免报错。

• Store初始化的初始state有问题
  检查下你的store初始state里有没有给userID设置默认值？比如初始state里userID是undefined，那组件第一次渲染时，你的条件判断可能没处理这种“未初始化”的状态，导致渲染逻辑出错。
  可以给userID设个明确的默认值，比如null，这样判断起来更清晰：if (userID !== null)

如果还是找不到问题，你可以把具体的报错信息、store初始化代码、connect组件的代码片段贴出来，这样能更快定位到问题根源～

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