함수에서 return의 생략과정

const [count, setCount] = useState(0);

setCount((prev) => prev + 1);

이런 함수가 있다

근데 함수 안에서 return을 해주는게 없는데 값은 잘 실행되어서 나온다
return이 생략된 경우 인데 어떻게 생략이 되었는지 그 과정을 살펴보자!


setCount((prev) => {
  return prev + 1
});

원래는 함수에서 return을 해주어야 값이 나온다

setCount((prev) => (prev + 1));

하지만 함수식에서 return 과 {} 사이에 아무 것도 없다면
return과 {}의 생략이 가능해진다
그리고 {}는 ()로 변형이 가능해진다

setCount((prev) => prev + 1);

마지막으로 문제가 없다면 ()까지 생략이 가능해진다

그래서 최종적으로 우리가 처음에 봤던 모양이 나올 수 있다

좋은 웹페이지 즐겨찾기