Question

在一个简单的TO-DO应用程序中，通过将所有Reducer放入一个文件夹并将它们组合起来然后将reducers导入主JS文件并创建你的商店，它可以直接管理你的app状态。

import {createStore} from 'redux';

import reducers from './reducers';

const store = createStore(reducers);

但是，如果您有多条路线，并希望通过保留每条路径及其自己的redurs文件夹来更好地组织目录结构。

这样的事情：

routes
  |-- contact
  |   |-- components
  |   |-- actions
  |   |-- reducers
  |
  |-- products
      |-- components
      |-- actions
      |-- reducers

我的问题是在这种情况下我应该如何处理我的应用状态？我的main.js文件看起来怎么样？

Answer 1

导入缩减器并使用redux的combineReducers：

import {createStore, combineReducers } from 'redux';
import contact from 'routes/contact/reducers';
import products from 'routes/products/reducers';

const rootReducer = combineReducers({ contact, products });

const store = createStore(rootReducer);

为了更好地组织，请创建一个rootReducer.js文件并将所有reducer组合在一起。然后在createStore文件上导入rootReducer。

如何组合多条路线的减速机

1 个答案: