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 vote101 views1 answer
Bottom shadow in react native
Javascript React
0 vote93 views1 answer
React handling event
Javascript React
5 votes125 views2 answers
Onclick multiple functions react
Javascript React
0 vote107 views1 answer
React js loop through array of objects
Javascript React
0 vote107 views1 answer
Try catch in react native
Javascript React
0 vote155 views7 answers
Convert css box shadow to react native
Javascript React
0 vote112 views1 answer
Radio button in reactive forms angular material
Javascript React
20 votes107 views6 answers
Build apk react native
Javascript React
0 vote102 views1 answer
Too many open files react native
Javascript React
99 votes127 views6 answers
How to install react router DOM
Javascript React