TIL 2020/08/13

case 1

handleCount = (number) => (e) => {console.log('click!!')
...
return(
<>
<Word onClick={handleCount(3)} underline>
<Word onClick={handleCount(3)(e)} underline> //e는 이벤트,두번째 인자값은 생략가능


...
## case 1

자바스크립트 커링 첫번째 인자로 변수가 들어오고 두번재 인자로 이벤트가 들어온다

...
return(
<>
<Word onClick={(number) => (e) => {console.log('click!!')} underline>
...

리액트에서 render함수 내에서 바인딩하는것보다 함수에서 바인딩 하는게 렌더링성능을 높일 수 있다
따라서 case2보다 case1이 렌더링 성능이 더 높다