# Fragements
총 1개의 포스트

TIL Fragments / Portals
Fragment 사용하는 이유 Fragments는 DOM에 별도의 노드를 추가하지 않고 여러 자식을 그룹화 의미없는 의 사용은 지양하자! 프로젝트 코드를 작성할 때 를 무의식적으로 많이 사용했는데를 사용하면 HTML의 DOM 구조에도 는 적용되기 때문에 대신 fragment를 사용해야한다. 를 사용한다면 map과 같이 key가 필요할 때 key값을 지정할 수 없지만 를사 사용한다면 key값을 지정할 수 있다. Portals란? Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링 모달, 드로어, 다이어로그와 같은 오버레이나 연관 컴포넌트를 사용할 때 사용된다. 위의 코드는 동작은 하지만 좋은 코드는 아니다. 사용예시 포탈을 사용할 때는 크게 두가지가 필요하다. 컴포넌트를 이동할 장소 컴포넌트에게 어디로 이동하라 지시 1번의 과정을 다음과 같다.
2022년 12월 12일
·
0개의 댓글·
0