📚 이론정리/React & Next.js

✏️ React의 Fragmemt

서카츄 2023. 12. 25. 21:05

프레그먼트란 리액트에서 return문에서 태그들이 여러가지 모여있을 때,
부모요소를 꼭 감싸줘야 하는데 빈 값을 감싸주는 내용을 프레그먼트라고 한다.
특별한 이유가 없을때는 빈 값으로 감싸주는게 좋고,
프레그먼트를 사용하면서 key나 다른 이벤트 명을 주어야 할 때 Fragmemt 태그로 감싸서 활용을 해준다.

 

 

<Fragment key={index}>
	여러가지 태그들
</Fragment>

 

 




Fragment를 사용할 시, import로 불러와서 사용한다.

import { Fragment } from ‘react’