React Portals

Posted by on Tuesday, February 12, 2019 Tags:   1 minute read

Portals

리액트의 Portals 기능을 사용하게되면, 렌더링을 원하는 DOM 에 자유자재로 할 수 있습니다. 참고로 타겟 DOM 이 꼭 App 바깥이 아니여도 됩니다. 리액트 앱내부에서 원래 있어야하는 곳 말고 다른곳에 렌더링하고 싶을때도 동일한 방식으로 하시면 됩니다. 모달 같은 컴포넌트를 만들게 될 때 스타일 관련해서 문제를 겪게 된다면 Portal 을 활용해보시길 바랍니다. https://velog.io/@velopert/react-portals https://velog.io/@velopert/react-portals

https://qiita.com/ANTON072/items/66e53f103d3f9ec74fc0 https://github.com/ANTON072/react-modal-sample/blob/master/modal/src/components/Modal.js https://stackoverflow.com/questions/39805544/showing-list-of-buttons-displaying-modals-in-reactjs https://github.com/fckt/react-layer-stack