Question

我是新的反应/通量架构，我错过了一些东西......我想。我有两个商店，SubjectsStore.js和WorkDoneStore.js以及一个执行调度的AppActions（下面的代码片段）。我的印象是，任何向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没有被包含在内。通过强制将其包含在内，它现在正在运作。

使用flux，如何获得名为

1 个答案: