使用React开发应用程序时，我们经常需要将组件渲染到DOM树中的特定位置。通常情况下，我们将组件直接渲染到其父组件的dom节点中。但是，有时我们需要将组件渲染到dom树中的不同位置，这就需要使用React Portal。

javascript
class App extends React.Component {
  render() {
    return (
      
        {/* 其他组件 */}
        
      
    );
  }
}

javascript
class PortalComponent extends React.Component {
  render() {
    return ReactDOM.createPortal(
      this.props.children,
      document.getElementById('portal-container')
    );
  }
}

javascript
class App extends React.Component {
  render() {
    return (
      
        
React Portal Example
        
Click the button to open the modal.
        
          
        
      
    );
  }
}
class Modal extends React.Component {
  render() {
    return (
      
        
Modal Title
        
This is a modal content.
        Close
      
    );
  }
}
class PortalComponent extends React.Component {
  render() {
    return ReactDOM.createPortal(
      this.props.children,
      document.getElementById('portal-container')
    );
  }
}
ReactDOM.render(, document.getElementById('root'));