无法识别自定义 Redux 撤消 reducer 状态变量

Question

为了实现自定义 undo/redo 函数，我按照 https://redux.js.org/recipes/implementing-undo-history 中的说明进行了修改，以适应我自己的减速器。现在，当我尝试运行代码时，我得到了过去、现在和未来未定义的错误。该错误不会出现在初始情况下，而只会出现在 ActionTypes.LAYOUT_SET_MOVES、ActionTypes.LAYOUT_UNDO_MOVES 和 ActionTypes.LAYOUT_REDO_MOVES 情况下。

我已经搜索了代码并将状态变量与其他减速器进行了比较，但没有发现明显的原因。如果您能指出正确的方向，我将不胜感激。

完整的 reducer 代码如下。

谢谢。

export const layout_moveData = (state = {
    past: [],
    present: null,
    future: []
}, action) => {

    switch (action.type) {
        case ActionTypes.LAYOUT_DESKS_LOADED:
            return { ...state, present: action.payload, past: [], future: [] };
        case ActionTypes.LAYOUT_RESTORE_ALL:
            return { ...state, present: action.payload, past: [], future: [] };
        case ActionTypes.LAYOUT_SET_MOVES:
            let previousSet = [...past, present];
            return { ...state, past: previousSet, present: action.payload, future: [] };
        case ActionTypes.LAYOUT_UNDO_MOVES:
            if (past.length === 0) return state;
            let previous = past[past.length - 1];
            let newPast = past.slice(0, past.length - 1);
            return { ...state, past: newPast, future: [present, ...future], present: previous };
        case ActionTypes.LAYOUT_REDO_MOVES:
            let next = future[0]
            let newFuture = future.slice(1)
            return { ...state, past: [...past, present], present: next, future: newFuture };
        default:
            return state

    }

Answer 1

在访问 reducer 中的状态变量时，我需要使用 this.state.past、this.state.present 和 this.state.future，而我在 switch 中的值 return 定义了新的具有简单的过去、现在和未来变量的状态。

无法识别自定义 Redux 撤消 reducer 状态变量

Custom Redux undo reducer state variables not recognized

reactjs

redux

redux-reducers