Redux工具包迁移

Question

我想用redux、redux和redux将我的应用程序迁移到reduxToolkit，但是我不知道如何使用我的初始配置，这里是我的代码：

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

export default function getConfiguredStore(initialState, config) {
  const rootReducer = combineReducers(reducers);
  const persistedReducer = persistReducer(persistConfig, rootReducer);
  let appReducer = rootReducer;
  if (config.usePersist) {
    appReducer = persistedReducer;
  }
  const rootAppReducer = authReducer(appReducer);

  const store = createStore(
      rootAppReducer,
      initialState,
      composeEnhancers(
          applyMiddleware(
              multiClientMiddleware(axiosConfig),
              thunkMiddleware,
              authMiddleware( ),
              createLogger( true ),
          )
      ),
  );
  const persistor = persistStore(store, null, () => {
    if (config.useLogger) {
      console.log('REHYDRATED');
    }
  });
  //persistor.purge() //TO clean state.

  return {store, persistor};
}

Answer 1

Redux文档中的“使用Redux工具包的现代Redux”教程页面展示了如何迁移现有的Redux逻辑以使用RTK。总结：

• 用调用configureStore()替换现有的存储设置逻辑
• 选择一个减速器及其相关动作。用createSlice代替。根据需要重复一遍。

在您的示例中，关键部分是切换const store = createStore()部件以实现以下目的：

  const store = configureStore({
    reducer: rootAppReducer,
    preloadedState: initialState,
    middleware: getDefaultMiddleware => {
      return getDefaultMiddleware()
        .prepend(multiClientMiddleware(axiosConfig))
        .concat(authMiddleware, createLogger( true ));
    })
  });