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

16 votes294 views1 answer
Deploy react app netlify
Javascript React
66 votes278 views4 answers
How to redirect to a website in react
Javascript React
1 vote292 views1 answer
How to redirect in ionic react
Javascript React
1 vote275 views1 answer
React router last page
Javascript React
0 vote293 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
0 vote274 views1 answer
Mdn react
Javascript React
47 votes344 views3 answers
How to comment in the react javascript
Javascript React
4 votes291 views3 answers
React js get screen size
Javascript React
0 vote303 views2 answers
How to convert time to users timezone in react
Javascript React
8 votes283 views4 answers
Get react version
Javascript React