<> </> 는 React의 Fragment 문법입니다.
Fragment는 부모 요소가 없는 여러 개의 요소를 그룹화할 때 사용됩니다.
React에서 컴포넌트는 하나의 최상위 요소만을 반환해야 하는데 예를들어 다음과 같이 여러 개의 요소를 반환하고 싶은 경우,
div로 감싸면 하나의 부모 요소로 감싸진게 되는데, 부모 요소가 실제 DOM에 렌더링될 때 스타일링이나 레이아웃에 문제를 일으킬 수 있습니다.
이러한 상황에 Fragment를 사용하면 부모 요소를 추가로 생성하지 않고 여러 개의 요소를 그룹화할 수 있습니다.
'React' 카테고리의 다른 글
| useEffect (0) | 2023.12.25 |
|---|---|
| useState (0) | 2023.12.25 |
| State (1) | 2023.12.22 |
| Props(Properties) (0) | 2023.12.22 |
| 컴포넌트(Component) (0) | 2023.12.22 |
