使用通量，我如何获得正确的商店调用

Question

我是 react/flux 架构的新手，但我遗漏了一些东西……我想。我有两个商店，SubjectsStore.js 和 WorkDoneStore.js，其中一个 AppActions 执行调度（代码 sn-ps 都在下面）。我的印象是，任何向 AppDispatcher 注册的商店都会收到该事件的通知，并且每个商店都有责任处理正确的操作类型。似乎没有任何其他方法可以控制调用哪个 Store。就我而言，我已经获得了一个要调用的 SubjectStores 注册，但我的 WorkDoneStore 没有被调用。我忽略了什么/做错了什么。

AppActions.js

import AppDispatcher from './AppDispatcher.js';

import WorkDoneConstants from '../constants/WorkDoneConstants.js';
import SubjectConstants from '../constants/SubjectConstants.js';

var AppActions = {
  addWorkDoneItem:function(item){
    console.log("In app actions addWorkDone");
    console.log(WorkDoneConstants.WORKDONE_INSERT);
    AppDispatcher.dispatch({
      actionType:WorkDoneConstants.WORKDONE_INSERT,
      item:item
    })
  }
}
module.exports = AppActions;

SubjectsStore.js

var AppDispatcher = require('../dispatcher/AppDispatcher');
var SubjectConstants = require('../constants/SubjectConstants');
var EventEmitter = require('events').EventEmitter;
...
AppDispatcher.register(function(action) {
  var text;
  console.log("why am I in the subjectStore?");
  console.log(action.actionType);
  console.log(action.item);
  switch(action.actionType) {
    case SubjectConstants.SUBJECT_CREATE:
      text = action.text.trim();
...

WorkDoneStore.js

...
AppDispatcher.register(function(action) {
  var text;
  console.log("In WorkDoneStore");
  console.log(action);
  switch(action.actionType) {
    case WorkDoneConstants.WORKDONE_INSERT:
      item = action.item;
      if (item.subject !== '') {
        create(item);
        WorkDoneStore.emitChange();
      }
      break;
...

我的组件

...
  handleSubmit: function(e){
    e.preventDefault();
    var item = {
      subject:this.state.subject,
      workDone:this.state.workDone,
      minutes:this.state.totalMinutes,
      startStop:this.state.startStop,
    };
    console.log("before AppActions.");
    AppActions.addWorkDoneItem(item);

  },
...

Answer 1

在查看我的 Webpack 输出时，我注意到 WorkDoneStore.js 没有被包含在内。通过调用它来强制包含它，它现在可以工作了。