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 vote285 views2 answers
Selected css based on route react
Javascript React
2 votes324 views3 answers
React native swiper
Javascript React
1 vote327 views1 answer
Div onchange react
Javascript React
0 vote336 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
1 vote321 views1 answer
React eslint prettier
Javascript React
3 votes305 views3 answers
React portals
Javascript React
2 votes341 views1 answer
Emmet react self closing tags
Javascript React
0 vote288 views1 answer
Option component in react js errors
Javascript React
2 votes402 views2 answers
Set delay react native
Javascript React
33 votes317 views2 answers
Routing in react
Javascript React