[React] TypeError Cannot read property 'setState' of undefined

TypeError Cannot read property 'setState' of undefined

 

class component 에서 함수를 선언할 때 아래와 같은 형태는 명시적으로 bind 를 해줘야 한다. 해주지 않으면 this 를 사용할 때 찾을 수 없다며 오류가 뜬다.

handleClick() {
	this.setState(value);
}

 

아래처럼 생성자에서 bind 해주거나

constructor(props) {
	super(props);
    
    this.handleClick = this.handleClick.bind(this);
}

 

함수 선언 형태를 arrow function 으로 해주면 자동으로 bind 된다.

handleClick = (e) => {
	this.setState(value);
}