React devToolsExtension打破了商店

时间:2016-07-24 09:37:04

标签: reactjs react-redux redux-devtools-extension

当我使用

创建商店时
const store = createStore(reducers, applyMiddleware(...middleware),  window.devToolsExtension ? window.devToolsExtension() : f => f)

我在控制台收到警告,商店不起作用:

  

reducer收到的先前状态有意想不到的类型   "作用&#34 ;.预期参数为具有以下键的对象:   "帖子","侧栏"

当我删除DevTools

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

它再次开始工作。

你是如何签署DevTools并让应用程序仍然有效的?如果您希望某些来源查看此question。它的配置方式与我的应用程序完全相同。

1 个答案:

答案 0 :(得分:3)

我已经设置了这样的工具:

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

请注意,在此使用compose,您可以从redux以及applyMiddlewarecreateStore导入{。}}。

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