React Portals. Lanzar un popup que pueda acceder al estado del componente

Los React Portals permiten crear componentes que accedan al estado del componente padre pese a estar montados sobre elementos del DOM fuera de la jerarquía

¿Qué queremos hacer?

Image for post
Image for post

Definición del componente padre

Image for post
Image for post

El componente WindowPortal

function myComponent() {
...
return ReactDOM.createPortal(children, domElement);
}
Image for post
Image for post

😅 Problema con el que nos podemos encontrar

<div id="windowPortal"></div>
Image for post
Image for post

Conclusiones

¿Quieres recibir más artículos como este?

Written by

Entre paseo y paseo con Simba desarrollo en Symfony y React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store