react 태그 반환 관련 jsx영역

보통 react에서 화면뷰를 나타내는 파일의 코드는

export default function View() {
  console.log('test);
  return (
    <!-- jsx 영역 -->
    <div className="page-area">
      {popId === "small" && (
        <PopupSmall
          popOpen={popOpen}
          setPopOpen={setPopOpen}
        ></PopupSmall>
      )}
    </div>
    <!--// jsx 영역 -->
  );
}

이렇게 보여질 것이다.

이 때 jsx 영역에선 태그를 조건부로 보여줄때 return을 하지 않아도 된다.
그냥 태그를 바로 써도 된다.
하지만 return 상단부분에서 태그를 렌더링할땐 return을 써서 태그를 반환해야한다.