Redux 开发工具屏幕变成空白

Question

我正在使用 redux 开发工具，我正在探索它，点击 redux 屏幕上的选项已变为空白，任何人都可以告诉我应该做什么才能再次看到我的状态。

我正在探索它，点击 redux 屏幕上的选项已变成空白。

Answer 1

嗨，我正在附上一张图片。您是否看到像下面这样的屏幕？

Answer 2

你需要基于 redux-devtools

做一些工作

事实上你必须这样做：

import { applyMiddleware, createStore } from 'redux'
import thunkMiddleware from 'redux-thunk'
import { composeWithDevTools } from 'redux-devtools-extension'

import monitorReducersEnhancer from './enhancers/monitorReducers'
import loggerMiddleware from './middleware/logger'
import rootReducer from './reducers'

export default function configureStore(preloadedState) {
  const middlewares = [loggerMiddleware, thunkMiddleware]
  const middlewareEnhancer = applyMiddleware(...middlewares)

  const enhancers = [middlewareEnhancer, monitorReducersEnhancer]
  const composedEnhancers = composeWithDevTools(...enhancers)

  const store = createStore(rootReducer, preloadedState, composedEnhancers)

  return store
}

你必须用

composeWithDevTools

函数包装增强器。