[React/JS] arrow function

arrow function 에 대한 글을 첨부합니다.

Arrow function expressions - JavaScript | MDN

 

🤔 문제 상황

아래와 같은 코드를 실행하려니 제대로 작동되지 않았습니다.

 const setIsActive = (open) => (event) => {
 	setCategoryState(open);
 };
 
 function onClickLeaf() {
 	setIsActive(false);
}

onClick={onClickLeaf} // 버튼 클릭 시, 이벤트 함수

 

ChatGPT에게 도움 요청....*

사랑해요

늘 그렇듯 아주 친절하게 대답해주셨습니다... ✨✨

 

🚀 해결

저의 문제는 아래와 같았고

• setIsActive function is not being invoked with the event parameter.

setIsActive()호출 시에 event 매개 변수를 넘겨주지 않았던 것입니다. 하핫 🥺😁

const setIsActive = (open) => (event) => {
	setCategoryState(open);
};

function onClickLeaf(event) {
	setIsActive(false)(event); // event 매개 변수
}

onClick={onClickLeaf}

📌 즉, 정리하자면

onClickLeaf() 는 event 매개 변수를 전달하고 setIsActive(false)에 의해 반환된 내부 함수에 해당 매개 변수를 전달합니다.