map 내에서 고차함수 사용 질문 드립니다.

1)
const temp ⇒ (data) => { //로직 }; 

<Button onClick={() => temp(data)}>버튼</Button>


2) 
const temp = (data) ⇒ () ⇒ { //로직 };

<Button onClick={temp(data)}>버튼</Button>

1번처럼 사용해도 기능에 문제는 없는데

2번처럼 사용하는 경우가 성능상의 문제 때문일까요?

명확한 답을 알고싶은데 구글링을 해봐도 원하는 답을 찾기가 어려워 질문 남겨봅니다... 😥