Redux-Logger - 'reducer' 未定义
Redux-Logger - 'reducer' is not defined
标题。
我正在尝试学习如何使用 Redux-Logger(不知道是否需要 LogRocket,考虑到它已经多年没有更新以说明其需要,但我离题了)
根据用法,基本实现是
import { applyMiddleware, createStore } from 'redux';
// Logger with default options
import logger from 'redux-logger'
const store = createStore(
reducer,
applyMiddleware(logger)
)
// Note passing middleware as the third argument requires redux@>=3.1.0
我将其添加到我的代码中,它告诉我
'reducer' is not defined
我在这里错过了什么?
如果将来有人遇到这个问题:redux-logger 的文档显示了一个使用过时的 Redux 样式的过时示例。
在现代 Redux 中,您将使用 configureStore
代替,如图所示 by this example from the Redux-Toolkit documentation:
import { configureStore } from '@reduxjs/toolkit'
import logger from 'redux-logger'
import rootReducer from './reducer'
const store = configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
})
标题。
我正在尝试学习如何使用 Redux-Logger(不知道是否需要 LogRocket,考虑到它已经多年没有更新以说明其需要,但我离题了)
根据用法,基本实现是
import { applyMiddleware, createStore } from 'redux';
// Logger with default options
import logger from 'redux-logger'
const store = createStore(
reducer,
applyMiddleware(logger)
)
// Note passing middleware as the third argument requires redux@>=3.1.0
我将其添加到我的代码中,它告诉我
'reducer' is not defined
我在这里错过了什么?
如果将来有人遇到这个问题:redux-logger 的文档显示了一个使用过时的 Redux 样式的过时示例。
在现代 Redux 中,您将使用 configureStore
代替,如图所示 by this example from the Redux-Toolkit documentation:
import { configureStore } from '@reduxjs/toolkit'
import logger from 'redux-logger'
import rootReducer from './reducer'
const store = configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
})