ReactPortal모달1 React Portal로 모달 생성하기 리액트 포탈 없이 모달을 개발하게 되면 모달 컴포넌트가 한 부모 요소 안에 다른 컴포넌트와 함께 위치하게 된다. 이는 z-index 사용 시 문제가 될 수 있다. z-index 1 안에 있는 요소의 z-index를 아무리 높여줘도 z-index가 2인 모달 위로 올라오지 않는 문제! React Portals Portals는 부모 컴포넌트 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링 할 수 있게 해 준다. 사용방법 Container를 생성해준다. layout.jsx createPortal을 이용해 모달 컴포넌트를 만든다. const Modal = ({ isOpen, children, onClose }) => { if (!isOpen) return null; return ReactDOM.cre.. 2024. 1. 2. 이전 1 다음
