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 vote339 views1 answer
How to console log in react native
Javascript React
2 votes308 views1 answer
Best react native ui library
Javascript React
0 vote317 views1 answer
Preventive vs reactive
Javascript React
1 vote302 views1 answer
React native image disable fade in onload
Javascript React
0 vote311 views1 answer
Input hook react
Javascript React
0 vote322 views1 answer
React-scripts test single file
Javascript React
3 votes286 views1 answer
React on hover reveal
Javascript React
13 votes311 views4 answers
React deep copy
Javascript React
-5 votes307 views3 answers
Use ref in component reactjs
Javascript React
0 vote303 views1 answer
Form- text area react
Javascript React