商店无法识别调度员的删除操作

Question

我正在尝试为我的待办事项列表应用程序实现删除方法。我遇到了一个问题，它告诉我在 TodoStore.js 中“this.deleteTodo 不是函数”。我没有真正尝试过，因为我不知道问题出在哪里。这可能是什么问题？

我的 TodoStore.js

import { EventEmitter } from "events";

import dispatcher from "../dispatcher";

class TodoStore extends EventEmitter {
  constructor() {
    super()
    this.todos = [
      {
        id: 113464613,
        text: "Go Shopping"
      },
      {
        id: 235684679,
        text: "Pay Water Bill"
      },
    ];
  }

  createTodo(text) {
    const id = Date.now();

    this.todos.push({
      id,
      text,
    });

    this.emit("change");
  }

  getAll() {
    return this.todos;
  }

  handleActions(action) {
    switch(action.type) {
      case "CREATE_TODO": {
        this.createTodo(action.text);
        break;
      }
      case "DELETE_TODO": {
        this.deleteTodo(action.id);
        break;
      }
    }
  }

}

const todoStore = new TodoStore;
dispatcher.register(todoStore.handleActions.bind(todoStore));
window.dispatcher = dispatcher
export default todoStore;

我的 TodoActions.js

import dispatcher from "../dispatcher";

export function createTodo(text) {
  dispatcher.dispatch({
    type: "CREATE_TODO",
    text,
  });
}

export function deleteTodo(id) {
  dispatcher.dispatch({
    type: "DELETE_TODO",
    id,
  });
}

Answer 1

您已将createTodo 定义为TodoStore 类的方法，因此当通过this 访问时它可以工作，但您尚未将deleteTodo 方法定义为TodoStore 的成员类，所以 deleteTodo 方法不能通过调用 this 来访问，它引用了 TodoStore 类的一个实例。