我在我的react-native项目中坚持使用reactotron和redux工具包

Question

我成功地将redux-toolkit添加到我的react-native项目中，工作正常。但我无法添加reactotron。

那是我的ReactotronConfig.js

import Reactotron, {
  trackGlobalErrors,
  asyncStorage,
} from "reactotron-react-native";
import { reactotronRedux } from "reactotron-redux";

Reactotron.configure({
  name: "my-app",
})
  .use(asyncStorage())
  .use(trackGlobalErrors())
  .useReactNative({
    storybook: true,
  })
  .use(reactotronRedux())
  .connect();

export default Reactotron;

和 store/index.tsx,

import { persistReducer, persistStore } from "redux-persist";

import AsyncStorage from "@react-native-async-storage/async-storage";
import { configureStore } from "@reduxjs/toolkit";
import rootReducer from "./reducers";

import Reactotron from "../../ReactotronConfig";

const persistConfig = {
  key: "root",
  storage: AsyncStorage,
};

const persistedReducer = persistReducer(persistConfig, rootReducer);

export const store = configureStore({
  reducer: persistedReducer,
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware({
      serializableCheck: false,
    }),
  enhancers: __DEV__ ? [Reactotron.createEnhancer!()] : [], // GETS TYPE ERROR and Property 'createEnhancer' does not exist on type 'ReactotronReactNative'.ts(2339)
});

export const persistor = persistStore(store);

如何将 Reactotron 添加到我的商店索引文件中？感谢您的帮助

Answer 1

https://blog.logrocket.com/exploring-redux-第二代/

增强器：getDefaultEnhancers => getDefaultEnhancers().concat(reactotron.createEnhancer!()),