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

6 votes381 views1 answer
React-native loading screen
Javascript React
0 vote365 views1 answer
JSON.stringify with strip slash reactjs
Javascript React
0 vote422 views1 answer
State creation in class components reactjs interview questions
Javascript React
0 vote375 views3 answers
Proptypes for a react component
Javascript React
0 vote347 views1 answer
How to align text vertically center beside an image in react native
Javascript React
2 votes370 views3 answers
Select the items from selectors in .map reactjs
Javascript React
0 vote345 views3 answers
Link react router dom
Javascript React
1 vote364 views1 answer
React material ui input max length
Javascript React
0 vote331 views2 answers
React router dom v6
Javascript React
3 votes376 views2 answers
Use font awsome in react
Javascript React