Redux集成报错：Cannot read properties of undefined (reading 'getState')

这个错误的核心是传给<Provider>的store属性为undefined，组件尝试调用store的getState方法时失败，这和你怀疑的index.js中Provider配置问题完全吻合。

具体修复步骤 #

结合你使用Redux Toolkit的场景，按以下方式调整index.js：

1. 确保正确创建Redux store实例
2. 将有效的store实例传递给<Provider>组件

示例代码（适配你的项目结构）：

import React from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import { configureStore } from '@reduxjs/toolkit';
// 假设你的timersSlice导出了命名的reducer，若为默认导出则调整导入方式
import { timersReducer } from './timersSlice';
import App from './App';

// 创建有效的Redux store
const store = configureStore({
  reducer: {
    timers: timersReducer // 将你的slice reducer挂载到store
  }
});

// 渲染时给Provider传入store
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>
);

常见错误排查点 #

• 遗漏store创建步骤：直接给<Provider>传了store={undefined}或完全没传store属性
• reducer导入错误：混淆默认导出和命名导出，导致reducer为undefined，进而store创建失败
• store配置错误：configureStore的reducer参数格式不正确（比如直接传reducer而不是对象）

验证修复后，启动应用即可正常使用Redux的useSelector、useDispatch等API。

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