[React] Fragment 문법

React에서 Fragment란?

-> 불필요한 부모 엘리먼트를 생성하지 않고 여러 엘리먼트를 그룹화하는 데 사용되는 기능이다.

 

# 병렬구조로 짤 수 없다.

return(
  <div></div>
  <div></div>
)

-> 위 코드는 오류가 난다. return() 내부는 하나의 태그로 시작해서 나머지를 감싸야 한다. 

 

return(
  <div>
    <div></div>
    <div></div>
  </div>
)

# 또는

return(
  <>
    <div></div>
    <div></div>
  </>
)

-> 위 같이 작성해야 한다. 리액트에서는 <>태그도 허용한다.