在react项目中，我们可以使用来自不同库的存储吗？

Question

现在，我们在我们的项目中使用easy，现在我们希望逐步删除easy存储，并用reduxtoolkit取代它。我们能使用不同库的商店吗？或者是处理这种情况的任何替代方法。

已在下文试用，但不起作用：

**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

Answer 1

基本上，从我这边错过的步骤是从正确的包中导入提供者。

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

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

用上面的行修改我的代码有助于我解决问题。