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 vote219 views1 answer
React check if array contains value
Javascript React
0 vote291 views1 answer
Text input underline react native
Javascript React
-1 vote161 views1 answer
Vimeo player react native
Javascript React
-1 vote198 views1 answer
Use inline and other styles react native
Javascript React
8 votes210 views2 answers
React set title of page
Javascript React
24 votes199 views6 answers
Shadow react native
Javascript React
0 vote223 views3 answers
React lifecycle hooks
Javascript React
0 vote226 views1 answer
How to add abutton component to drawer in react native
Javascript React
0 vote200 views1 answer
How to add debounce in react redux js
Javascript React
0 vote193 views1 answer
Eject expo app to android and react native
Javascript React