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 vote186 views1 answer
Reactjs .net pass value to react
Javascript React
0 vote179 views1 answer
News api react native
Javascript React
4 votes190 views2 answers
Import reactdom
Javascript React
0 vote181 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
0 vote192 views1 answer
Reactjs change fill color .svg
Javascript React
105 votes202 views1 answer
Install and run react js project...
Javascript React
0 vote208 views1 answer
Import typography react
Javascript React
3 votes188 views2 answers
Fetch data from api in react
Javascript React
11 votes171 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
8 votes192 views2 answers
React native italic text
Javascript React