reactjs - 尽管我已经安装了 Redux 调试器,为什么这没有连接到 Flipper

标签 reactjs react-native redux flipper

我已安装的软件包 1."react-native-flipper": "^0.181.0", 2."redux-flipper": "^2.0.2",

import {configureStore} from '@reduxjs/toolkit';
import {useDispatch} from 'react-redux';
import thunkMiddleware from 'redux-thunk';
import userReducer from '../redux/userSlice';

const createDebugger = require('redux-flipper').default;

export const store = configureStore({
  reducer: {
    user: userReducer,
  },

  middleware: getDefaultMiddleware =>
    __DEV__
      ? getDefaultMiddleware({
          serializableCheck: true,
        })
          .concat(createDebugger())
          .concat(thunkMiddleware)
      : getDefaultMiddleware({
          serializableCheck: false,
        })
          .concat(createDebugger())
          .concat(thunkMiddleware),
});

export type RootState = ReturnType<typeof store.getState>;
export type AppDispatch = typeof store.dispatch;
export const useAppDispatch: () => AppDispatch = useDispatch;

我不知道为什么它没有运行。如果有人有想法请告诉我

enter image description here

最佳答案

您需要在中间件中推送createDebugger

example

关于reactjs - 尽管我已经安装了 Redux 调试器,为什么这没有连接到 Flipper,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/75479623/

相关文章:

javascript - 使用 Redux 获取数据

javascript - 是否可以通过单击所选的一个(在 React 中)来取消选择 <Radio/>?

javascript - 为最初不在商店中的按需组件或组合 reducer 注入(inject) reducer

javascript - React Router 4 异步渲染

javascript - TypeError : Object. 条目要求输入参数在 React Native 中不为空或未定义

reactjs - 如果使用异步存储,React Native 应用程序是否需要 Android 上的读/写权限?

javascript - 无法动态构建 svg 路径 react native

javascript - 如何将 Redux 4.0 TypeScript 绑定(bind)与 redux-thunk 结合使用

javascript - 在 React 中提交表单后重定向到 URL

javascript - 为什么状态没有按预期更新?