将 Remote Dev 添加到 Facebook Flux Store 应用程序，帮助列出 Action Creators

问题描述

https://www.npmjs.com/package/remotedev 我正在尝试将 remotedev 工具扩展添加到使用 Facebook 通量的旧版 React 项目中； 它显示已连接，但每次都没有显示动作创建者。只是换了个词

这是下面的商店代码。

import { connectViaExtension,extractState } from 'remotedev';

var EventEmitter = require('events').EventEmitter;
var Base = require('backbone-extend-node');
var remotedev = connectViaExtension();


/**
 * Abstract store implementation,this class has two goals:
 * - Implements handlers for dispatcher actions
 * - Registers change events
 *
 * @abstract
 */

// Initial state is {}
remotedev = connectViaExtension();
// Subscribe to remotedev


remotedev.init({},{ name: 'Facebook Flux' });
// Subscribe to RemoteDev

export var AbstractStore = Base.extend({
  constructor: function() {
    this.emitter = this.buildEmitter();
    this.assignAllHandlers();
    remotedev.sub
  },/**
   * Actuall magic responsible for assigning all handlers to corresponding dispatcher actions
   */
  assignAllHandlers: function() {
    var actionHandlers = this.getActionHandlers();
    dispatcher.register(function(action) {
      if (actionHandlers[action.actionType]) {
        remotedev.send(actionHandlers[action.actionType]);
        actionHandlers[action.actionType].call(this,action.payload);
      }
    }.bind(this));
  },/**
   * This is not in const as we use this for testing
   * @access private
   * @visibleForTesting
   */
  getChangeEvent: function() {
    return 'change';
  },/**
   * We should seperate it for easy testing
   * @access private
   * @visibleForTesting
   */
  buildEmitter: function() {
    var eventEmitter = new EventEmitter();
    eventEmitter.setMaxListeners(0);

    return eventEmitter;
  },emitChange: function() {
    this.emitter.emit(this.getChangeEvent(),this);
  },addchangelistener: function(listener) {
    this.emitter.on(this.getChangeEvent(),listener);
  },/**
  * It's essential to remove listeners to prevent memory leaks
  */
  removechangelistener: function(listener) {
    this.emitter.removeListener(this.getChangeEvent(),removeAllListeners: function() {
    this.emitter.removeAllListeners(this.getChangeEvent());
  }
});


// reducers

目前显示的图片如下

Redux Dev Tools Only Showing Change

试图显示动作创建者而不是“更新”一词

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）