포탈
-
[리액트]portalReact 2023. 3. 31. 21:12
✍🏻유데미 리액트 강좌를 보고 정리한 내용입니다. Portal 사용법 ReactDOM.createPortal(child,container) child : 엘리멘트,문자열 등 렌더링 가능한 리액트의 요소나 컴포넌트가 온다. container : DOM엘리먼트 즉, 이동하고 싶은 위치를 지정한다. 모달 예제 강의에서 모달을 구현해보면서 어떤식으로 동작하는지 연습 할 수 있었다. index.html에서 이동할 위치를 지정해준다. Modal.js에 Backdrop,ModalOverlay,Modal 컴포넌트를 만들어준다. //Backdrop컴포넌트 const Backdrop = (props) => { return ; }; //ModalOverlay컴포넌트 const ModalOverlay = (props) => ..