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 vote167 views1 answer
Yup only characters regex validation react
Javascript React
0 vote155 views1 answer
Globalevariable reactjs
Javascript React
0 vote229 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote209 views1 answer
Flipper semantic issue react native
Javascript React
0 vote153 views1 answer
Spring reactive web client throw exception test
Javascript React
17 votes215 views3 answers
React canvas clear
Javascript React
-1 vote193 views2 answers
React native font based on viewport dimensions
Javascript React
7 votes142 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote150 views2 answers
Counter with react hooks
Javascript React
0 vote161 views1 answer
Plotly react
Javascript React