const onClickBtn = (choice) = () = {....} / 이해가 잘 안되요..ㅠㅠ

Question

가위바위보 class로 만들때 는

onClickBtn = (choice) => {....} 로 하셧는데,

가위바위보 Hooks로 만들때는

const onClickBtn = (choice) => () => {....} 하셧는데, 왜 '=> ()' 이걸 한번 더 써야지 오류가 안나고 실행이 되는건가요???

'=> ()'를 안쓰면 에러메세지가 무한 루프를 돈다고 나오는데...무엇을 의미하는지 잘 모르겠습니다. 답변좀 부탁드립니다

Answer

고차함수입니다. 기존 함수를 확장하기 위해 사용하는 것이고요. 원래 함수는 (e) => {}입니다. 여기에 choice라는 변수를 추가하기 위해 고차함수로 만들어준 것입니다.

(choice) => (e) => {}의 꼴로 바뀝니다.

(e)는 사용하지 않아서 생략한 것이고요.

class에서의 onClickBtn도 (choice) => () => {}로 되어있습니다.

const onClickBtn = (choice) => () => {....} / 이해가 잘 안되요..ㅠㅠ