25、构建 Logo 解释器：从撤销重做功能到动画实现

构建 Logo 解释器：从撤销重做功能到动画实现

1. 实现撤销和重做功能

1.1 配置存储

首先，我们需要配置存储，代码如下：

export const configureStore = (
    storeEnhancers = [],
    initialState = {}
) => {
    return createStore(
        combineReducers({
            script: withUndoRedo(scriptReducer)
        }),
        initialState,
        compose(...storeEnhancers)
    );
};

此时测试应全部通过，应用仍可正常运行，但撤销和重做功能还无法使用，需要在菜单栏添加按钮。

1.2 添加撤销按钮

步骤如下：
1. 打开 test/MenuButtons.test.js ，在文件底部的 MenuButtons 描述块内添加以下描述块：

describe("undo button", () => {
    it("renders", () => {
        renderWithStore(<MenuButtons />);
        expect(buttonWith