Portal

Portal : 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링

- React 생명주기와 밀접한 연관
- 기존 Dom를 다루는 JavaScript 라이브러리와 함께 사용을 할 때 유용하게 사용하거나 Modal과 같은 기능을 구현 할 때 활용

 

 

Render Props : 값이 함수인 props를 사용해서 React 컴포넌트간 코드를 공유

- 대표적으로 React-router 라이브러리

 

 

 

출처

 

https://jaeseokim.dev/React/React-Portal_Render%EC%9D%98_%EC%B0%A8%EC%9D%B4%EC%A0%90_%ED%99%9C%EC%9A%A9%EB%B0%A9%EC%95%88_%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/

[React] Portal, Render의 차이점, 활용방안 알아보기!