728x90
React에서 하나의 컴포넌트가 여러 엘리먼트를 반환하는 것
JSX문법을 사용 시에 return문 안에 최상위 태그가 있어야한다. ( 리액트는 하나의 컴포넌트만을 리턴할 수 있다.)
DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화가 가능하게 한다.
사용 이유 : 불 필요한 <div>태그를 없앨 수 있다.
<Fragment> </Fragment> 대신 <> </> 이렇게 써도 된다.
사용 예시
map 을 사용해서 컴포넌트를 여러 개 만들 때, key attribute 를 fragment 에 넣어줄 수 있다.
728x90
