Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 | 82x 82x 82x 36x 36x 36x 36x 82x 36x 36x 36x 36x 36x 82x | /**
* Copyright (c) Nicolas Gallagher.
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @flow
*/
import * as React from 'react';
import { canUseDOM } from 'fbjs/lib/ExecutionEnvironment';
import ReactDOM from 'react-dom';
export type ModalPortalProps = {|
children: any
|};
function ModalPortal(props: ModalPortalProps): React.Node {
const { children } = props;
const elementRef = React.useRef(null);
if (canUseDOM && !elementRef.current) {
const element = document.createElement('div');
Eif (element && document.body) {
document.body.appendChild(element);
elementRef.current = element;
}
}
React.useEffect(() => {
Eif (canUseDOM) {
return () => {
Eif (document.body && elementRef.current) {
document.body.removeChild(elementRef.current);
elementRef.current = null;
}
};
}
}, []);
return elementRef.current && canUseDOM
? ReactDOM.createPortal(children, elementRef.current)
: null;
}
export default ModalPortal;
|