reactjs - React devToolsExtension 打破了商店

Question

当我使用创建商店时

const store = createStore(reducers, applyMiddleware(...middleware),  window.devToolsExtension ? window.devToolsExtension() : f => f)

我在控制台中收到警告并且商店无法正常工作：

减速器接收到的先前状态具有意外类型的“功能”。预期参数是具有以下键的对象：“posts”、“sidebar”

当我删除DevTools

const store = createStore(reducers, applyMiddleware(...middleware));

它再次开始工作。

你如何分配DevTools并让应用程序仍然工作？如果您想查看一些来源，请查看此问题。它的配置方式与我的应用程序完全相同。

Answer 1

我已经像这样设置了我的工具：

const store = createStore(
    rootReducer,
    initialState,
    compose(
        applyMiddleware(
            thunkMiddleware,
            createLogger(),
            errorHandler,
            navigate,
            tracking
        ),
        window.devToolsExtension ? window.devToolsExtension() : f => f
    )
);

请注意compose此处的使用，您将其与和redux一起导入。applyMiddlewarecreateStore

IIRC 你的做法曾经在旧版本中工作redux，但我无法确定它何时停止工作。我确实记得你遇到过同样的问题。