如何在现有react js应用程序中设置多个存储库

npm install redux react-redux

// 创建一个Redux存储库
import { createStore } from 'redux';
import rootReducer from './reducers'; // 导入根Reducer

const store1 = createStore(rootReducer); // 创建第一个存储库
const store2 = createStore(rootReducer); // 创建第二个存储库

export { store1, store2 };

import { Provider } from 'react-redux';
import { store1, store2 } from './path/to/stores'; // 导入存储库

ReactDOM.render(
  <Provider store={store1}>
    <App />
  </Provider>,
  document.getElementById('root')
);

import { useSelector, useDispatch } from 'react-redux';

function MyComponent() {
  const store1State = useSelector(state => state); // 获取store1的状态
  const store2State = useSelector(state => state); // 获取store2的状态
  const dispatch = useDispatch(); // 获取dispatch函数

  // 在组件中使用store1的状态和dispatch函数
  // ...

  // 在组件中使用store2的状态和dispatch函数
  // ...

  return (
    // JSX代码
  );
}

export default MyComponent;