본문 바로가기
JavaScript/React

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

by 혀나Lee 2016. 11. 28.

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 와 파라미터를 전달한다.

'JavaScript > React' 카테고리의 다른 글

[React] 속도 향상  (0) 2017.07.25
[ReactJS] add component in list  (0) 2016.12.29
[ECMAScript6] get max number in list  (0) 2016.12.28
[React] window.print  (0) 2016.11.30
[React] jspdf, jspdf-autotable  (1) 2016.11.29

댓글