인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

hib4888님의 프로필 이미지
hib4888

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

프로필 페이지 만들기

컴포넌트를 ()로 감싸지 않으면 화면에 출력되지 않는 이유가 뭔가요?

해결된 질문

작성

·

305

0

안녕하세요 제로초님 강의 정말 잘 듣고있습니다.

 

코딩을 하다 궁금한점이 있는데 FollowList.js파일의 renderItem속성부분을 아래 코드와 같이 ()로 감싸지 않으면화면에 출력되지 않더라고요

 

     renderItem={(item) => {
        <List.Item style={{ marginTop: 20 }}>
          <Card actions={[<StopOutlined key="stop" />]}>
            <Card.Meta description={item.nickname} />
          </Card>
        </List.Item>
      }

그래서 다시 아래 코드처럼 ()로 감싸니까 정상적으로 화면에 출력이 되던데 그 이유에 대해서 알 수 있을까요?

     renderItem={(item) => (
        <List.Item style={{ marginTop: 20 }}>
          <Card actions={[<StopOutlined key="stop" />]}>
            <Card.Meta description={item.nickname} />
          </Card>
        </List.Item>
      )}

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

함수 기본 문법입니다. (...)는 return이 생략된 겁니다. { return ... }의 줄임입니다.

hib4888님의 프로필 이미지
hib4888
질문자

빠른 답변 감사합니다!!

기본적인 질문이였네요 죄송합니다 ㅜㅜ 

hib4888님의 프로필 이미지
hib4888

작성한 질문수

질문하기