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

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

코딩을 하다 궁금한점이 있는데 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>
      )}