CombinationReader和react-redux中的良好结构

问题描述：

我制作了应用程序的日历部分，并试图使其可以重复使用。CombinationReader和react-redux中的良好结构

然后我又用日历做了另一部分。

所以我用了combineReducers函数。

import calendar from '../../common/calendar/Reducer'; 
import insatester from './Reducer'; 

const reducerCombiner = combineReducers({ 
    calendar, 
    insatester 
}); 
export default reducerCombiner

然后，我用联合减速机做了一个商店。

它似乎首先正常工作。但商店和数据是分开的。
例子）
store.calendar.data1 < - 从日历
store.insatester.data2 < - 从insatester

然后我试图从insatester得到日历事件DB数据，因为我觉得可重复使用的日历不去做。但问题是使用从日历应用程序存储的数据库数据也需要访问store.insatester，它没有任何意义。

问题1。我如何结合减速器使商店具有相同的水平？
例子）
store.data1 < - 从日历
store.data2 < - 从insatester

问题2。我的结构有问题吗？我该如何改变它？

所以，你需要在部件或减速访问数据？日历组件中有 –

，但需要访问store.insatester中的数据。所以它看起来很奇怪重用组件。 – Pangs

答

您需要编写一个可以访问完整状态的reducer。正如你所看到的，combineReducers限制你到一个单一的状态。您可以将您的自定义缩减器放在前面，以处理需要来自两个切片的数据的操作，并让其余部分落入combineReducers部分。

的终极版文档的这一页解释：http://redux.js.org/docs/recipes/reducers/BeyondCombineReducers.html#sharing-data-between-slice-reducers

CombinationReader和react-redux中的良好结构

相关推荐