Create react portal

// modal file s an example

import React from 'react';
import ReactDOM from 'react-dom';

// create modal and use a portal to mount it in a specific DOM point
const Modal = (props) => {
  return (
    <React.Fragment>
      {ReactDOM.createPortal(
        <div>This is the modal</div>,
        document.getElementById('modal-root'),
      )}
    </React.Fragment>
  )
}


export default Modal;

// public html doc to define where the is the portal's destination
// in this case "modal-root"

<body>
  <div id="root"></div>
  <div id="modal-root"></div>
</body>

Similar codes

0 vote189 views1 answer
How to pass property component in react enzyme
Javascript React
18 votes185 views6 answers
React native android build
Javascript React
0 vote219 views1 answer
(0 , _reactRouterDom.useHistory) is not a function
Javascript React
123 votes277 views3 answers
Set interval react
Javascript React
0 vote198 views1 answer
Route guards in react
Javascript React
0 vote198 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote195 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
4 votes191 views1 answer
Import react icons module
Javascript React
1 vote195 views2 answers
Reset form input react
Javascript React
2 votes184 views1 answer
React add gradient top to bottom
Javascript React