$ npm i react-portal-drawer
$ yarn add react-portal-drawer
<body>
<div id="root"></div>
</body>
import React from "react";
import PortalDrawer from "react-portal-drawer";
const App = () => <PortalDrawer selectors="#root" />;
<body>
<div id="root"></div>
<div id="modal-root"></div>
</body>
import React, { useState } from "react";
import PortalDrawer from "react-portal-drawer";
const App = () => {
const [isModalOpen, setIsModalOpen] = useState(false);
const openModal = () => {
setIsModalOpen(true);
};
const closeModal = () => {
setIsModalOpen(false);
};
return (
<>
<button onClick={openModal}>open</button>
{isModalOpen && (
<PortalDrawer selectors="#modal-root" requestClose={closeModal}>
<div>Any content</div>
<button onClick={closeModal}>close</button>
</PortalDrawer>
)}
</>
);
};
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent