"this"는 내 클래스 내에서 정의되지 않습니다

Question

작은 할 일 목록 응용 프로그램에 문제가 있습니다. 내가 오류 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); 
}