# createPortal()

## 1. 모달(modal) 예제  <a href="#notes" id="notes"></a>

* 접근성을 고려한 모달 예제이다. → tab을 이용해서 모달을 제어 할 수 있게 했다.&#x20;
* renderProps를 사용했다.&#x20;

{% embed url="<https://codesandbox.io/s/modal-dialog-yeje-jeobgeunseong-junsu-forked-l44xz>" %}

## 2. 참고  <a href="#notes" id="notes"></a>

### 2.1 공식 문서 자료&#x20;

{% embed url="<https://ko.reactjs.org/docs/portals.html#gatsby-focus-wrapper>" %}

{% embed url="<https://ko.reactjs.org/docs/render-props.html>" %}

### 2.1 공식 문서 예제&#x20;

Portal을 사용한 모달 예제&#x20;

{% embed url="<https://codepen.io/gaearon/pen/yzMaBd?editors=0010>" %}