Redux的使用 + 中间件处理异步action+ redux持久化

import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';
import { persistStore, autoRehydrate } from 'redux-persist';
import rootReducer from './reducers'; // 假设这是你的根reducer文件
 
// 配置Redux开发工具（只在开发环境中使用）
const composeEnhancers =
  typeof window === 'object' && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__
    ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({})
    : compose;
 
// 创建应用 store 并应用中间件
const enhancer = composeEnhancers(
  applyMiddleware(thunk), // 使用redux-thunk中间件来处理异步action
  autoRehydrate() // 使用redux-persist自动重新注入状态
);
const store = createStore(rootReducer, enhancer);
 
// 持久化store
persistStore(store);
 
export default store;

这段代码演示了如何在Redux应用中使用redux-thunk中间件来处理异步action，以及如何使用redux-persist来持久化store的状态。在开发环境中，它还配置了Redux开发工具来更好地调试状态变化。这是一个典型的Redux配置，对于学习Redux的开发者来说是一个很好的示例。