Flipper redux-debugger 插件在react- native中的安装使用

前提是你的Flipper已经可以检测到APP的使用

RN安装redux-flipper

yarn add redux-flipper react-native-flipper --dev                              

你可以将 redux-flipper 中间件添加到 configureStore 函数的 middleware 参数中。以下是如何将 redux-flipper 中间件添加到现有的中间件链中：

import { configureStore, getDefaultMiddleware } from '@reduxjs/toolkit';
import { createDebugger } from 'redux-flipper';
import { persistedReducer } from './reducers'; // 导入你的 reducer

const middlewares = [
  /* other middlewares */
];

if (__DEV__) {
  middlewares.push(createDebugger());
}

export const appStore = configureStore({
  reducer: persistedReducer,
  middleware: [...getDefaultMiddleware(), ...middlewares],
  devTools: isDev(),
});

在上述代码中，我们首先导入了 createDebugger 函数（注意：这里使用了 createDebugger 函数的具名导入）。然后，我们创建了一个名为 middlewares 的数组，并将其他中间件添加到其中。接下来，我们使用条件语句检查是否处于开发环境，并在开发环境下将 createDebugger 中间件添加到 middlewares 数组中。

最后，在 configureStore 函数的 middleware 参数中，我们使用扩展运算符（...）将 getDefaultMiddleware() 的返回值与 middlewares 数组合并，以形成最终的中间件链。

请确保已经安装了 redux-flipper 和其他相关的依赖项，并根据你的项目结构和需求进行相应的导入和配置。

至此，重启Flipper和App就能在看到redux相关的数据输出