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 votes264 views1 answer
Jquery vs react
Javascript React
1 vote298 views3 answers
React toggle state
Javascript React
0 vote283 views1 answer
How to call api on load using hooks in react
Javascript React
18 votes280 views1 answer
Get specific characters from state variable reactjs
Javascript React
0 vote252 views1 answer
Saving react code messing up in vsc
Javascript React
113 votes244 views6 answers
React app
Javascript React
0 vote259 views1 answer
Run react android
Javascript React
29 votes266 views6 answers
React background image
Javascript React
0 vote258 views1 answer
How to change list item text color in react
Javascript React
14 votes254 views2 answers
Photo in React native
Javascript React