bind함수와 화살표 함수에 대하여

뿌이·2022년 8월 17일
0

react 15버전

목록 보기
12/17
onClick={this.onChangeRdG.bind(this, 'payReqRdGroup',7)}
onClick={(e)=> {this.onChangeRdG( 'payReqRdGroup',e,14);
               	this.setState({stepperDisabled: true})}}

둘 다 잘되는 함수.
but

onClick={()=> {this.onChangeRdG.bind(this,'payReqRdGroup');
               	this.setState({stepperDisabled: true})}}

이건 안됨.
onClick도 함수고
()=> 이것도 함수고
this.onChangeRdG도 함수이기 때문에
onChangeRdG입장에서 onClick함수 안의 ()=> 함수 안의 함수 이기때문에
this가 바인딩이 잘 안된다.

화살표 함수를 쓸 때는 주의하자.
this가 그 this가 아닐 수 있다.

profile
기록이 쌓이면 지식이 된다.

0개의 댓글