(React) Portals 이용해서 모달 수정

soosoorim·2024년 5월 16일
0

Portals

  • 모달 같이 화면 최 상단에 나타나게 되는 DOM의 경우, BODY 태그의 가장 첫 번째 자식 요소가 되는 것이 유리.
  • 보통, 동적으로 생성되는 DOM은 해당 컴포넌트를 기준으로 위치를 지정하게 된다.
  • AlertModal의 위치를
    위쪽으로 보내면, 관리가 더 수월해진다.
    모달만 모아놓기 위해서 div#modals 생성
  • div#modals에 modal 보내기
    createPortal은 AlertModal 을 div#modal 내부로 이동시키는 역할을 한다.

입력하면, 입력한 내용대로 출력!

(상단 ref 추가 및 onCloseCompleteModalHandler 추가)

0개의 댓글

관련 채용 정보