redux 我们可以在react项目中一起使用不同库中的存储吗?

nkkqxpd9  于 2022-11-24  发布在  React
关注(0)|答案(1)|浏览(102)

现在我们在我们的项目中使用easy peasy,现在我们想逐步删除easy peasy store并用reduxtoolkit代替它。我们能在react中使用不同库的store吗?或者有没有其他方法来处理这种情况。
已尝试以下操作,但无法正常工作:

**Creating store out of reduxtoolkit**

import { configureStore,combineReducers } from "@reduxjs/toolkit";
import appReducer from "./slice/appReducer";

const rootReducer= combineReducers({
  app: appReducer,
});

const store = configureStore({
  reducer: rootReducer,
});

**For easy peasy** 
import models from './models';
import { createStore } from 'easy-peasy';

const store = createStore(models);

**In main file**
  <Provider store={store }>
        <Provider store={reduxStore }>
          <App/>
        </Provider>
  </Provider>

**It is failing with Error:**
easy-peasy.esm.js:93 Uncaught TypeError: store.getActions is not a function
pgccezyw

pgccezyw1#

基本上从我这边缺少的步骤是从正确的包导入提供程序。

import { Provider as ReduxProvider } from "react-redux";
import { StoreProvider as Provider } from 'easy-peasy';

 <ReduxProvider store={reduxStore }>
        <Provider store={easyPeasystore }>

用上面的代码修改代码帮助我解决了这个问题。

相关问题