React中怎么把自己封装的Modal组件渲染到body下面

这个是一个比较有意思的想法，这么做可以屏蔽修改页面布局样式导致的Modal组件的样式的改变

import * as React from 'react';
import ReactDOM from 'react-dom';
import './modal.scss';

type showProps = {
   
  visible: boolean;
  children: React.ReactNode