从0～1配置 redux TypeScript 版

import { configureStore } from '@reduxjs/toolkit';
 
// 假设你已经定义了一些slice状态和reducer
import counterSlice from '../features/counter/counterSlice';
 
// 使用configureStore创建一个包含中间件的store
const store = configureStore({
  reducer: {
    counter: counterSlice.reducer,
    // 你可以在这里添加更多的reducer
  },
  // 添加中间件，例如：redux-devtools-extension
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(counterSlice.middleware),
});
 
export default store;

这段代码演示了如何在TypeScript项目中从0到1配置Redux的store。首先，我们从@reduxjs/toolkit中导入了configureStore函数。然后，我们假设你已经有了一些使用Redux Toolkit的createSlice API定义的状态和reducer。最后，我们使用configureStore函数创建了一个包含默认中间件和我们定义的counter slice的store。这个store可以被用于你的Redux应用中。