`ReactDOM.createPortal`是React的一個(gè)API，用于將組件渲染到DOM樹(shù)中的不同位置，而不是組件當(dāng)前所在的位置。

　　使用`ReactDOM.createPortal`可以將組件渲染到其他DOM元素的子樹(shù)中，這對(duì)于在組件層次結(jié)構(gòu)之外的位置渲染內(nèi)容非常有用，例如模態(tài)框、彈出窗口、通知消息等。

　　下面是`ReactDOM.createPortal`的基本用法：　

import ReactDOM from 'react-dom';

const Modal = ({ children }) => {
  return ReactDOM.createPortal(
    children,
    document.getElementById('modal-root')
  );
};

// 在組件的父組件中使用Modal組件
const App = () => {
  return (
    <div>
      <h1>App Component</h1>
      {/* 其他組件 */}
      <Modal>
        <h2>Modal Content</h2>
      </Modal>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));

　　在上述示例中，我們定義了一個(gè)名為Modal的組件，并使用ReactDOM.createPortal將h2 Modal Content /h2渲染到id為modal-root的DOM元素中。在父組件App中使用Modal將模態(tài)框內(nèi)容渲染出來(lái)。

　　需要注意的是，ReactDOM.createPortal的第一個(gè)參數(shù)是要渲染的內(nèi)容，可以是一個(gè)React元素或組件。第二個(gè)參數(shù)是目標(biāo)DOM元素，它是一個(gè)在DOM中的有效元素，用于指定將內(nèi)容渲染到哪個(gè)位置。

　　通過(guò)使用ReactDOM.createPortal，我們可以將組件的渲染范圍擴(kuò)展到DOM樹(shù)的其他位置，從而實(shí)現(xiàn)更靈活的渲染和布局控制。