React-Flux: Errore con AppDispatcher.register

Question

Sto provando a configurare l'app di base in Flux-React. Il suo unico obiettivo è quello di attivare un'azione, che viene inviata attraverso il Dispatcher a un negozio che si è registrato con il Dispatcher. Il negozio registra l'payload nella Console.

Tutto oltre Store funziona bene, ma non appena colpisce AppDispatcher.register, Flux tiri il seguente errore:

Uncaught TypeError: Cannot set property 'ID_1' of undefined 

ecco il codice del file che causa l'errore, ma ho messo su l'intero progetto a https://github.com/bengrunfeld/react-flux-dispatcher-error, e si può trovare il file incriminato in src/js/stores/AppStores.js

var AppDispatcher = require('../dispatcher/AppDispatcher'); 
var EventEmitter = require('events').EventEmitter; 
var AppConstants = require('../constants/AppConstants'); 
var assign = require('object-assign'); 


var CHANGE_EVENT = 'change'; 

var AppStore = assign({}, EventEmitter.prototype, { 
    emitChange: function() { 
    this.emit(CHANGE_EVENT); 
    } 
}); 

AppDispatcher.register(function(payload){ 
    console.log(payload); 
    return true; 
}) 

module.exports = AppStore; 

Answer 1

a causa della siccità della documentazione di proporzioni bibliche per Facebook Flux, non sapevo che stavo usando il codice da versione precedente.

In AppDispatcher.js, è necessario definire AppDispatcher nel seguente modo utilizzando la parola chiave new:

var Dispatcher = require('flux').Dispatcher; 
var assign = require('object-assign'); 

var AppDispatcher = assign(new Dispatcher(), { 
    handleViewAction: function(action) { 
    this.dispatch({ 
     source: 'VIEW_ACTION', 
     action: action 
    }); 
    } 
}); 

module.exports = AppDispatcher; 

Ecco un link ad un repository con il codice di lavoro: https://github.com/bengrunfeld/react-flux-simple-app