在重新渲染期间保持外部窗口上的React Portal显示

import React from 'react';
import ReactDOM from 'react-dom';

class MyComponent extends React.Component {
  componentDidMount() {
    // 在外部窗口中创建容器元素
    this.portalContainer = document.createElement('div');
    document.body.appendChild(this.portalContainer);
  }

  componentWillUnmount() {
    // 组件卸载时移除容器元素
    document.body.removeChild(this.portalContainer);
  }

  renderPortalContent() {
    // 在Portal中渲染内容
    return (
      <div>
        <h1>这是Portal中的内容</h1>
        <p>这里可以放置任意React组件</p>
      </div>
    );
  }

  render() {
    return (
      <div>
        {/* 在组件的生命周期方法中渲染Portal的内容 */}
        {ReactDOM.createPortal(this.renderPortalContent(), this.portalContainer)}
        {/* 其他组件内容 */}
      </div>
    );
  }
}