목록createPortal (1)

공부블로그

Confirm 모달창 만들기

1. window에서 제공하는 window.confirm기능 사용 const onClickConfirm = () => { if(window.confirm('삭제하시겠습니까?')){ alert('ok') }else{ alert('cancel') } } 장점 : 진짜 간단하다 단점 : 커스텀이 안된다 (내가 알기로는) = 이쁘지가 않다 2. createPortal로 모달창 구현하기 portal = 컴포넌트를 부모 컴포넌트 바깥에 렌더링해주는 것 1. public / index.html 에 Modal이 렌더링 될 위치 심어주기 //modal의 부모 컴포넌트 portal을 구현할 tree의 부모 컴포넌트를 어디로 설정할지 정하는 것 따로 만들어도 되고 나는 그냥 'root'에 구현할거라서 코드를 수정하지는 않았..
자바스크립트 2022. 12. 12. 10:51
이전 Prev 1 Next 다음