React+Redux项目中createStore被划掉致状态异常的解决方法

createStore被划掉是因为Redux官方已将其标记为弃用API，目前推荐使用@reduxjs/toolkit提供的configureStore来创建store，这也是你状态功能异常的核心原因。按以下步骤修复：

• 安装Redux官方推荐的工具包
  执行命令：

  npm install @reduxjs/toolkit react-redux
  

• 替换store创建代码
  原来用createStore的写法：

  import { createStore } from 'redux';
  import rootReducer from './reducers';
  
  const store = createStore(rootReducer);
  

  改成configureStore的写法：

  import { configureStore } from '@reduxjs/toolkit';
  import rootReducer from './reducers';
  
  const store = configureStore({
    reducer: rootReducer
  });
  

• 验证组件使用方式
  确保根组件依然用react-redux的Provider包裹，并传入新创建的store，示例：

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

补充说明 #

configureStore默认集成了redux-thunk异步中间件、Redux DevTools调试工具，以及状态不可变检查等功能，无需手动配置，既能解决弃用API的问题，也能避免手动配置createStore时容易遗漏的细节，从而修复状态功能异常。

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