'this.setState'不是绑定函数中的函数

Question

对不起，我能看到这个问题本问了好几次。我以前解决过这个问题，但我知道我正在以一种新的方式看待它。

这是我在流量存储中的构造函数：

class TodoStore extends EventEmitter {
  constructor() {
    super()
    this.state = {
      todos: [
        {
          id: uuid(),
          text: 'Go Shopping',
          complete: false
        },
        {
          id: uuid(),
          text: 'Pay Water Bill',
          complete: false
        },
      ],
      showCompletedTodos: true,
      showIncompletedTodos: true
    }

    this.deleteTodo = this.deleteTodo.bind(this)
    this.toggleTodo = this.toggleTodo.bind(this)
    this.toggleShowCompletedTodos = this.toggleShowCompletedTodos.bind(this)
    this.toggleShowIncompletedTodos = this.toggleShowIncompletedTodos.bind(this)
  }

下面是我通过TodoActions.fuction子组件中的Name调用的一些函数：

// Toggle the showing of completed todos
toggleShowCompletedTodos() {
    this.setState({
        showCompletedTodos: !this.state.showCompletedTodos
    })
}

// Toggle the showing of incompleted todos
toggleShowIncompletedTodos() {
    this.setState({
        showIncompletedTodos: !this.state.showIncompletedTodos
    })
}

deleteTodo(todoToDelete) {
    this.setState({
        todo: this.state.todos.filter( function(todo) {
            return todo.id !== todoToDelete.id
        })
    })
}

我得到未捕获类型错误：当我触发此函数时，this.setState不是函数。

在过去，函数中的bind to这个在构造函数中解决了这个问题，但在这里，is不起作用

这是我的参考：this.set状态不是一个功能

是因为它是一个通量存储而不是一个普通类吗？




Answer 1

看起来好像是从EventEmitter中的类调用this.setState，但this.setState是组件类的函数，不能从扩展EventEmitter的类调用它。