javascript - "this"在我的类(class)中未定义

Question

我的小待办事项应用程序有问题。每次我尝试删除项目时都会出现错误 Cannot read property 'todos' of undefined

为什么this绑定(bind)在 addTodo 内但不是removeTodo ？

触发器在这里完成:<button onClick={() => removeTodo(id)}> X </button>

演示 JSfiddle

谢谢。

Answer 1

您可以将 removeTodo 制作为属性初始化箭头函数或使用 action.bound 装饰器。您还必须使用 MobX 数组 replace这样您就不会丢失引用:

removeTodo = (id) => {
  var filtered = this.todos.filter(todo => todo.id !== id);
  this.todos.replace(filtered);
}

或者:

@action.bound
removeTodo(id) {
  var filtered = this.todos.filter(todo => todo.id !== id);
  this.todos.replace(filtered);
}