- Referene
: https://holystory-dev.com/105
function abc(a) {
return a;
}는 기존의 함수 표현식.
const abc(a) => {
return a;
}가 화살표 함수식. (나는 이게 함수식이라는 건 몰랐다..)
화살표 함수의 중괄호 안에는 return문이 있다.
JSX의 return문의 용법과 헷갈릴 수 있는 부분이라고 한다..(?)
화살표 함수의 기본 구문은
()=> {}이다. 그리고{}안에 return문을 넣을 수 있다.
그리고 만일 중괄호를 빼면
() => ____ 이런 형식인데 이건 () => { return expression }과 같은 의미이다. 해당 내용은 MDN에 모두 있다. MDN 참고
그런데 MDN에 의하면 매개변수(paramenter)가 없는 함수라면 중괄호가 필요하다고 한다.
React에서 화살표 함수를 기재할 때
() => ____형식으로 기재하면 return은 빼도 된다. 그러나 중괄호를 기재한다면 return문을 꼭 써줘야 하고 return 문 뒤에 소괄호를 넣으면 return 다음 행에 최상위 엘리먼트를 기재하고 return 뒤에 소괄호를 뺸다면 return과 같은 행에 최상위 엘리먼트를 기재해야 한다.
🌻