zoriya/flood
1
0
Fork 0
mirror of https://github.com/zoriya/flood.git synced 2026-06-09 13:01:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

client: create Portal inside "app" root

Browse Source
This commit is contained in:
Jesse Chan
2021-03-07 22:32:13 +08:00
parent 227c48adfa
commit f8c671fc9b
1 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/javascript/ui/components/Portal.tsx
+12 -2
View File
@@ -11,12 +11,22 @@ const Portal: FC<PortalProps> = ({children}: PortalProps) => {
useEffect(() => {
mountPoint.current = document.createElement('div');
mountPoint.current.classList.add('portal');
document.body.appendChild(mountPoint.current);
const appElement = document.getElementById('app');
if (appElement == null) {
document.body.appendChild(mountPoint.current);
} else {
appElement.appendChild(mountPoint.current);
}
return () => {
if (mountPoint.current != null) {
ReactDOM.unmountComponentAtNode(mountPoint.current);
document.body.removeChild(mountPoint.current);
if (appElement == null) {
document.body.removeChild(mountPoint.current);
} else {
appElement.removeChild(mountPoint.current);
}
}
};
}, []);