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

105 votes383 views1 answer
React web app create
Javascript React
0 vote369 views1 answer
Remove unused dependencies React
Javascript React
0 vote298 views1 answer
React native pdf creater html-to-pdf
Javascript React
0 vote379 views1 answer
Border radius not working ios react native
Javascript React
0 vote327 views1 answer
Scroll load react
Javascript React
0 vote336 views1 answer
React focus textarea
Javascript React
1 vote375 views1 answer
React repeat
Javascript React
0 vote295 views1 answer
React-simple-star-rating
Javascript React
0 vote337 views2 answers
React tweet embed
Javascript React
0 vote334 views1 answer
React native force vertical
Javascript React