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 vote321 views1 answer
How get value of datePicker in react
Javascript React
0 vote366 views1 answer
Open sans font react js
Javascript React
0 vote313 views1 answer
React hooks, react custom hooks
Javascript React
0 vote342 views1 answer
React features
Javascript React
0 vote312 views1 answer
Add update react pwa feature
Javascript React
1 vote369 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote337 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
-1 vote294 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote340 views1 answer
Plotly react
Javascript React
0 vote327 views1 answer
Export 'default' (imported as 'Redirect') was not found in 'react-router-dom'
Javascript React