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

1 vote419 views1 answer
How to insatll react-router-dom
Javascript React
3 votes407 views1 answer
How to test on user reaction discord.js
Javascript React
0 vote406 views1 answer
React-drag-drop-files open twice
Javascript React
0 vote455 views1 answer
Npm auth0-react
Javascript React
8 votes374 views1 answer
React-fragment
Javascript React
0 vote414 views5 answers
Arrow function component react shortcut vscode
Javascript React
3 votes395 views1 answer
React create array
Javascript React
6 votes386 views2 answers
Google sign up react npm
Javascript React
0 vote381 views1 answer
Formdata append react js
Javascript React
1 vote355 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React