[React] React.Fragment

리액트를 사용하기 위한 문법인 JSX를 사용할 때 반드시 return 문 안에는 최상위 태그가 있어야한다.

이러한 이유로 리액트 프로젝트에서 사용하지 않는 div를 쓰곤 하는데,
불필요한 div 사용을 피하기 위해서 Fragment를 사용할 수 있다.

축약형으로 <> </>을 사용할 수 있지만 key와 같은 prop를 주고 싶을 때는 <React.Fragment> 를 사용하면 된다.

import React from "react";

<React.Fragment key={id}></React.Fragment>