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 votes134 views2 answers
#react native shadow
Javascript React
-1 vote120 views1 answer
Install proptypes react
Javascript React
0 vote122 views1 answer
How to write unit test cases in react js
Javascript React
0 vote133 views1 answer
Basic react code
Javascript React
1 vote130 views2 answers
How to prevent render in react
Javascript React
3 votes98 views3 answers
How to install formik in react native
Javascript React
0 vote142 views1 answer
Change module name react native android studio
Javascript React
4 votes148 views4 answers
Responsive font size react native
Javascript React
1 vote130 views1 answer
How to get the value of textarea in react
Javascript React
0 vote123 views1 answer
Onpress not working with usestate react native
Javascript React