app/javascript/components/UI/modal/Portal.js
import React, {Fragment} from 'react';
import ReactDOM from "react-dom";
import Backdrop from "./Backdrop";
const Portal = ({onClose, modalOverlay, elementId = 'overlays' }) => {
const portalElement = document.getElementById(elementId)
return (
<Fragment>
{ReactDOM.createPortal(<Backdrop onClose = { onClose }/>, portalElement)}
{ReactDOM.createPortal( modalOverlay, portalElement)}
</Fragment>
);
};
export default Portal;