redux - 如何在 Redux 开发工具（扩展）中查看我的状态？

Question

我无法在 Redux 开发工具中查看我的状态。我将来自 zalmoxisus 的代码添加到我的 createStore 中，但没有显示任何内容。在我的减速器中，我还将状态作为默认值返回（使用 switch 案例），但状态中仍然没有显示任何内容。有人能帮忙吗？

Answer 1

试试这个来使用它：

window.devToolsExtension ? window.devToolsExtension() : f => f

代替：

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

Answer 2

import {combineReducers} from "redux";
import gamesReducer from ... //

const rootReducer = combineReducers({
  gamesReducer
});

export default rootReducer;

你用过这样的rootReducer 对吗？如果是尝试 redux-devtools-extension 包，很容易设置。

Answer 3

尝试这个

import { createStore, applyMiddleware, compose } from 'redux'
import reduxImmutableStateInvariant from 'redux-immutable-state-invariant'
import thunk from 'redux-thunk'
import rootReducer from '../reducers'

export const middleware = [thunk]

export default function configureStore(initialState) {
  return createStore(
    rootReducer,
    initialState,
    compose(
      applyMiddleware(thunk, reduxImmutableStateInvariant()),
      window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f,
    ),
  )
}