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 vote160 views1 answer
React bootstrap profile card
Javascript React
0 vote169 views1 answer
Usb react native device not found
Javascript React
0 vote149 views1 answer
React-with-firebase-auth
Javascript React
9 votes101 views4 answers
Firebase' is not defined no-undef react
Javascript React
14 votes143 views2 answers
Photo in React native
Javascript React
2 votes155 views1 answer
Display image as big as possible react native
Javascript React
24 votes117 views6 answers
React native navigation
Javascript React
0 vote150 views1 answer
Calculations inside a render function react js
Javascript React
0 vote152 views1 answer
React native whatsapp integration
Javascript React
1 vote168 views1 answer
How to insatll react-router-dom
Javascript React