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

2 votes331 views1 answer
How to import lodash in react
Javascript React
8 votes314 views1 answer
React-fragment
Javascript React
0 vote303 views1 answer
Jest mock react-redux hooks
Javascript React
0 vote297 views1 answer
Reactjs fix ios apostrophe encoding
Javascript React
23 votes302 views4 answers
Change port react app
Javascript React
123 votes475 views3 answers
Set interval react
Javascript React
0 vote352 views1 answer
Ngrok react.js
Javascript React
0 vote333 views1 answer
Align left text in reactstrap
Javascript React
9 votes312 views2 answers
React native hide yellow box
Javascript React
0 vote334 views1 answer
How to cause a whole page reload react redux
Javascript React