[react] 고차함수

eunbi·2020년 5월 3일
0

React

목록 보기
9/22

고차함수

  • render안에서의 함수는 분리하는 것이 좋은데 이벤트리스너에 인자를 전달 할 경우 아래처럼 화살표 함수로 호출한다
onClick = {() => this.onClickBtn('인자')}
  • 하지만 함수는 분리하는 것이 좋으므로 아래와 같이 화살표를 두번쓰는 패턴을 사용할 수 있다.
onClick = {this.onClickBtn('인자')} // 호출식

onClickBtn = (인자) => () => {} 

예) event를 전달 할 경우

onClick = {this.onClickBtn()} // 호출식

onClickBtn = () => (event) => { event사용 } 
profile
프론트엔드 개발자입니다 :)

0개의 댓글