JavaScript/React

[ReactJS/ECMA6] Arrow 함수와 파라미터 전달

혀나Lee 2016. 11. 28. 10:11

ECMA Script6 에서 this 를 바인드 하는 대신에 Arrow function 을 사용한다. 하지만 파라미터를 전달하기 위해서는 this 를 써줘야 한다.

기본 사용

functionName = () => { ... }

<Button label='취소' onTouchTap={this.functionName}>

파라미터 전달 시

functionName = (arg) => {
    console.log(arg);
}

<Button label='취소' onTouchTap={this.functionName.bind(this, 'cancel')}>

함수 호출 부분에 .bin() 를 사용하여 this 와 파라미터를 전달한다.