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

7 votes135 views1 answer
Img src in react js
Javascript React
1 vote121 views1 answer
React list
Javascript React
0 vote125 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
0 vote127 views2 answers
Login with facebook expo react native
Javascript React
0 vote124 views1 answer
Back button not working when modal open in react native
Javascript React
0 vote122 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
-2 votes130 views1 answer
Fc in react
Javascript React
0 vote134 views1 answer
Ui5 React bind element
Javascript React
1 vote131 views1 answer
Two button in one row react native
Javascript React
0 vote134 views1 answer
React native dynamic style
Javascript React