프레임워크/React

[React] 화살표 함수를 안쓸 때

back-end 2021. 7. 22. 23:30
728x90

  

onSubmitForm this 출력해보면

 

 

리액트 내부가 나온다. 만약this.onChangeInput = this.onChangeInput.bind(this); “ 주석처리 해보면

 

this가 undefined가 되는걸 볼 수 있다.

 

화살표 함수가 bind(this)를 자동으로 해주는 기능을 한다.

 

onSubmitForm = (e) => {

       console.log(this.state.value);

}

 


최종적으로

 

화살표 함수를 사용하면 이렇게 편리하게 사용할 있다.