React <div> Soup

<div>

   <div>

      <div>

         <div>

            <h2>안녕</h2

         </div>

      </div>

   </div>

</div>

 

JSX문의 반환을 위해 div를 통해 감싸서 하나의 문으로 return할때 최종적으로 그려지는 모습(어떤 기능이나 목적이 없는 요소들이 많이 생성되는 문제가 발생)

=> Wrapper라는 유틸 컴포넌트를 통해 props.children으로 해당 값을 그대로 넘기도록 구현.