如何消除Redux Toolkit中getDefaultMiddleware已弃用的警告?
消除Redux Toolkit中getDefaultMiddleware弃用警告的方法
Redux Toolkit v2.x 已弃用单独导入getDefaultMiddleware的写法,你可以通过以下两种方式修改代码消除警告:
方式一:直接关闭序列化检查(最简单场景)
删掉对getDefaultMiddleware的导入,直接在configureStore的顶层配置里设置serializableCheck: false即可:
import { configureStore } from "@reduxjs/toolkit"; import userReducer from "../features/user/userSlice"; export default configureStore({ reducer: { user: userReducer, }, // 直接关闭序列化检查,替代原getDefaultMiddleware的配置 serializableCheck: false, });
方式二:需要自定义扩展中间件时
如果还要添加其他自定义中间件,就用middleware的函数形式,通过参数获取默认中间件并修改配置,无需单独导入getDefaultMiddleware:
import { configureStore } from "@reduxjs/toolkit"; import userReducer from "../features/user/userSlice"; // 若有自定义中间件可在这里导入 // import customMiddleware from "./yourCustomMiddleware"; export default configureStore({ reducer: { user: userReducer, }, middleware: (getDefaultMiddleware) => // 修改默认中间件配置 getDefaultMiddleware({ serializableCheck: false, }) // 如需添加自定义中间件,取消下面注释 // .concat(customMiddleware) });
内容的提问来源于stack exchange,提问作者Rishabh Rishabh
相关产品推荐
相关产品推荐

