인프런 커뮤니티 질문&답변

팅팅탱탱팅탱팅님의 프로필 이미지
팅팅탱탱팅탱팅

작성한 질문수

[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

8.5) Read - 투두리스트 렌더링하기

map 메서드 관련 질문있습니다.

작성

·

589

1

diaryLIst.map() 메서드 사용부분에서

JS 문법에서는 map 메서드에 콜백함수를 넣어줄때

map((it) => {} 이런식으로 중괄호를 사용하는것으로 알고있는데 JSX문법에서는 반드시 ()같이 소괄호를 사용해야하는것인가요? 그 이유는 무엇인지 알 수 있을까요??

답변 1

2

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

map의 콜백함수로 사용되는 함수를 화살표 함수로 사용했을 때

2줄 이상의 코드가 필요하다면 화살표 함수 문법대로 중괄호를 사용해야 하며 return 키워드로 별도로 반환해주어야 합니다.

만약 그렇지 않고 값을 반환해야 할 경우 소괄호, 중괄호 모두 필요하지 않습니다

다만 화살표 함수에서 객체를 반환하거나 JSX 요소를 반환할 경우 소괄호로 묶어주어야 합니다.

팅팅탱탱팅탱팅님의 프로필 이미지
팅팅탱탱팅탱팅

작성한 질문수

질문하기