4.4 createPortal渲染到DOM的不同部分

一、createPortal渲染到DOM的不同部分

1. createPortal允许将一些子元素渲染到DOM的不同部分，可以使用Portal渲染模态对话框，或将React组件渲染到非React DOM节点

2. 案例：

   import { createPortal } from 'react-dom'
   
   function App() {
     return (
       <>
         <div>
           Default Template
           {/* 传送的内容， 传送的地方(节点，这里是传送到body里的最后面) */}
           {createPortal(<p>这是一个段落</p>, document.querySelector('body'))}
         </div>
       </>
     )
   }
   
   export default App
   

   可以直接传送到节点，也可以建立模态框等内容，进行传送