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 vote246 views1 answer
Top bar in react js
Javascript React
31 votes236 views1 answer
React router dom npm
Javascript React
-1 vote241 views4 answers
React tutorial
Javascript React
0 vote237 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote242 views1 answer
React native navigation shared element
Javascript React
0 vote249 views1 answer
Clear React Native TextInput
Javascript React
0 vote234 views1 answer
React native scrollview fixed header
Javascript React
0 vote249 views1 answer
React-tournament-ready
Javascript React
1 vote246 views2 answers
React select npm
Javascript React
2 votes252 views1 answer
React concatenate string and component
Javascript React