[REACT] 프래그먼트 Fragment

React에서 사용하는 프래그먼트 Fragment

React 컴포넌트에서 여러 개 태그를 렌더링할 때 사용하는 도구

 

JSX에서는 컴포넌트 당 하나의 요소만 반환할 수 있다

하지만 react 프래그먼트를 사용하면 여러 요소를 반환할 수 있다

 

import React, { Fragment } from 'react';

function func() {
  return (
    <Fragment>
      <div>1</div>
      <div>2</div>
      <div>3</div>
    </Fragment>
  );
}

 

하지만 꼭 <Fragment> </Fragment> 태그를 사용하지 않고

<> </> 와 같은 빈 태그도 사용할 수 있다