react-native - 如何将reactotron-redux与easy-peasy一起使用？

Question

/* eslint-disable import/no-cycle */
import {action, createStore} from 'easy-peasy';
import reactotron from 'reactotron-react-native';
import {applyMiddleware, compose} from 'redux';
import drawerModal from '../models/drawerModal';


let initialState = {};

const store = createStore(
  {
    drawerModal,
    reset: action(() => ({
      ...initialState,
    })),
  },
  {name: 'easystore', compose: applyMiddleware([reactotron.createEnhancer()])}
);

initialState = store.getState();
export default store;

我尝试了这个方法，但没有成功

Answer 1

2022年8月29日更新，其工作方式如下

配置文件ReactotronConfig.js

import Reactotron from 'reactotron-react-native';
import { reactotronRedux } from 'reactotron-redux'

const reactron= Reactotron.configure({
  name: 'My App',
  host: '192.168.1.9',
})
  .useReactNative({
    storybook: true,
    asyncStorage: false, // there are more options to the async storage.
    networking: {
      // optionally, you can turn it off with false.
      ignoreUrls: /symbolicate/,
    },
    editor: false, // there are more options to editor
    overlay: false, // just turning off overlay
  })
  .use(reactotronRedux()) 
  .connect();

  export default reactron

在 store.js 中使用该文件

import {action, createStore} from 'easy-peasy';

import exploredMovies from './models/exploredMovies';
import reactron from '../helpers/ReactotronConfig';

let initialState = {};
window.requestIdleCallback = null;
const store = createStore(
  {

    exploredMovies,
    reset: action(() => ({
      ...initialState,
    })),
  },
  {name: 'easystore', enhancers: [reactron.createEnhancer()]}
);

initialState = store.getState();
export default store;

==============================================

2022 年 7 月 12 日

我与社区讨论过，但不支持