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

1 vote245 views2 answers
Toastandroid react native
Javascript React
4 votes186 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
0 vote165 views2 answers
Adding preview images to react apps for linkedin
Javascript React
1 vote234 views1 answer
How to delete element at a particular index of array in react js
Javascript React
1 vote158 views1 answer
React navigation asyncstorage install
Javascript React
0 vote184 views1 answer
React router not working with aws amplify
Javascript React
0 vote173 views1 answer
How react work
Javascript React
0 vote155 views1 answer
Inline style to change background color react
Javascript React
0 vote171 views2 answers
React typical
Javascript React
0 vote155 views1 answer
React-bootstrap problem-install new version
Javascript React