reactjs - React TODO 示例中的dispatcherIndex 用于什么

Question

全部，

我刚刚开始使用 Facebook TODO 示例学习 React FLUX Here

TODO Store中有一个字段叫dispatcherIndex，不知道这个字段是做什么用的？

谢谢

Answer 1

dispatcherIndex 永远不会像您通常期望的函数那样被调用，即 TodoStore.dispatcherIndex()。

但是由于 dispatcherIndex 的值是一个函数调用(不仅仅是一个函数，而是一个函数调用)，该函数调用发生在对象的初始化中。因此，当初始化 TodoStore 时，将运行以下代码(函数调用):

AppDispatcher.register(function(payload) {
  var action = payload.action;
  var text;

  switch(action.actionType) {
    case TodoConstants.TODO_CREATE:
      text = action.text.trim();
      if (text !== '') {
        create(text);
        TodoStore.emitChange();
      }
      break;

    case TodoConstants.TODO_DESTROY:
      destroy(action.id);
      TodoStore.emitChange();
      break;
  // add more cases for other actionTypes, like TODO_UPDATE, etc.
  }
  return true; // No errors. Needed by promise in Dispatcher.
})

您正在调用 AppDispatcher.register 并向其传递回调函数。您传递的回调现在不会执行，它会被注册(添加到 _callbacks 数组中)，以便稍后在您调用调用 AppDispatcher.handleViewAction 的方法之一时调用>，即 TodoActions.create 和 TodoActions.destroy。