기본 문법
<React.Fragment>
<div>첫 번째 영역</div>
<div>두 번째 영역</div>
</React.Fragment>
프래그먼트는 단축 문법으로도 쓸 수 있습니다. <>...</> 형태로 작성하면 더 짧고 읽기 쉬운 코드가 됩니다. 실무에서는 단축 문법을 더 자주 사용합니다.
단축 문법
<>
<div>첫 번째 영역</div>
<div>두 번째 영역</div>
</>
기본 문법
<React.Fragment>
<div>첫 번째 영역</div>
<div>두 번째 영역</div>
</React.Fragment>
프래그먼트는 단축 문법으로도 쓸 수 있습니다. <>...</> 형태로 작성하면 더 짧고 읽기 쉬운 코드가 됩니다. 실무에서는 단축 문법을 더 자주 사용합니다.
단축 문법
<>
<div>첫 번째 영역</div>
<div>두 번째 영역</div>
</>