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

【问题标题】：How can I see my state in Redux Dev Tools (Extension)?如何在 Redux 开发工具（扩展）中查看我的状态？
【发布时间】：2021-04-05 21:16:20
【问题描述】：

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

【问题讨论】：

这能回答你的问题吗？ Need help displaying and seeing state in Redux Dev Tools

标签： redux react-redux redux-devtools redux-devtools-extension

【解决方案1】：

试试这个

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,
    ),
  )
}

【讨论】：

【解决方案2】：

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

const rootReducer = combineReducers({
  gamesReducer
});

export default rootReducer;

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

【讨论】：

【解决方案3】：

试试这个来使用它：

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

代替：

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

【讨论】：