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 vote217 views1 answer
Use this in a react js component
Javascript React
1 vote213 views1 answer
React native modal not full screen
Javascript React
0 vote241 views1 answer
React html symbol code
Javascript React
10 votes285 views2 answers
Generate random string react
Javascript React
0 vote212 views1 answer
Webpack react proxy not working
Javascript React
0 vote221 views1 answer
React hooks simple projects
Javascript React
0 vote320 views1 answer
How to prevent clickjacking in react js
Javascript React
0 vote228 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
0 vote211 views1 answer
React native elements bottom sheet
Javascript React
7 votes234 views2 answers
Input type password react native
Javascript React