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

15 votes142 views2 answers
React native get location
Javascript React
0 vote141 views1 answer
How to disable keyboard calender input in material ui datepicker reactjs
Javascript React
0 vote157 views1 answer
React native make safe view in mobile
Javascript React
0 vote136 views1 answer
Using RN BootSplash with React Navigation
Javascript React
1 vote152 views1 answer
How to access form values in react
Javascript React
0 vote153 views2 answers
Veu js vs angular vs react features
Javascript React
-1 vote152 views2 answers
How to validate date in react
Javascript React
0 vote156 views1 answer
My vscode does not recognize react code syntax
Javascript React
0 vote132 views1 answer
Firebase timestamp to date react
Javascript React
0 vote143 views1 answer
React big calendar event color
Javascript React