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 vote171 views1 answer
Remove console messages of react-i18next
Javascript React
0 vote169 views1 answer
How to get parent's ref react
Javascript React
3 votes156 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from react-dom@17.0.1
Javascript React
1 vote158 views1 answer
Inline z-index react
Javascript React
1 vote153 views1 answer
React-native razorpay
Javascript React
0 vote141 views1 answer
Installe datatable to reactjs project
Javascript React
0 vote161 views1 answer
React get current date minus 7 days
Javascript React
2 votes188 views1 answer
How to add bootstrap by downloading in react js
Javascript React
0 vote157 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote143 views1 answer
Exit ios inspector in react native
Javascript React