Question

我有一个复杂的分析html页面，我已将大部分元素转换为反应组件，我的大部分元素都分为上下两个部分。

我的设置正常，但是，我想知道这是否是合法/正确的设置方式？

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';

import TopSection from './components/app';
import BottomSection from './components/app_content';
import reducers from './reducers';

const createStoreWithMiddleware = applyMiddleware()(createStore);

// Top Section 

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <TopSection />
  </Provider>
  , document.querySelector('.top-section'));

// Bottom Section 

ReactDOM.render(
  <Provider store={createStoreWithMiddleware(reducers)}>
    <BottomSection />
  </Provider>
  , document.querySelector('.bottom-section'));

Answer 1

如果确实需要，您可以拥有多个商店。但强烈建议 NOT 使用多个商店设置。单店总是最好的选择，因为，

很可靠
很快
调试很容易

以下是链接，为什么不推荐多商店设置。

redux.js.org

stackoverflow.com

我可以让我的应用程序共享单个redux商店吗？

1 个答案: