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

-2 votes385 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
-2 votes328 views2 answers
React gsap
Javascript React
48 votes391 views6 answers
Comment in react
Javascript React
0 vote333 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote444 views1 answer
Radio button in reactive forms angular material
Javascript React
0 vote359 views1 answer
Textfield label language react
Javascript React
0 vote333 views3 answers
Flash effect in react native
Javascript React
0 vote325 views1 answer
How to insalk react router with npm
Javascript React
12 votes367 views2 answers
React native flatlist container style
Javascript React
0 vote347 views1 answer
Clear form inside modal after close reactjs
Javascript React