"this"は私のクラス内では定義されていません

Question

小さなtodoアプリに問題があります。私はエラーCannot read property 'todos' of undefined

thisが addTodoの内側にバインドされているのはなぜ

なくremoveTodoがある項目を削除しようとするたびに？

トリガがここで行われる：<button onClick={() => removeTodo(id)}> X </button>

デモのおかげ

JSfiddleに。

Answer 1

removeTodoをプロパティ初期化矢印の機能にするか、action.boundデコレータを使用します。

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); 
}