Question

我有几个显示表格数据的React组件（视图）。现在我想将用于查询/排序/更新表中数据的代码封装到可以在我的视图中使用的单独组件中。可见部分对我来说不是问题，但是如何制作可以在redux存储中使用的组件？

// Reducer 1
const emptyPart1 = {data: {id: 1, rows[]}}; // id is one more possible way to find data object
export function part1(state = emptyPart1, action){
    switch(action.type) {
    }
    return state;
}
// Reducer 2
const emptyPart2 = {data: {id: 2, rows[]}};
export function part2(state = emptyPart2, action){
    switch(action.type) {
    }
    return state;
}
const reducers = {
    part1, part2
};

const store = createStore(
    combineReducers(reducers)
);

创建商店后，我想生成一些应该用行填充part1的数据的操作：

store.dispatch({type: ACTION_FILL_DATA, data: store.getState().part1.data});

这里我使用的是对数据对象的引用。永远不会重新创建此对象，但只会更改其行

我想要一些外部reducer /中间件，不是用于reducer1 / 2的父，它将处理ACTION_FILL_DATA操作，而part1.data将包含行。

如何制作？

React-Redux单一减速器/中间件，适用于所有表格数据

0 个答案: