在 React 中如何使用 Portals 进行 DOM 挂载？

React 是一個用於構建用戶界面的 JavaScript 庫，它可以讓開發者更輕鬆地構建高性能的網頁應用程序。React 提供了一種叫做 Portals 的功能，可以讓開發者將 DOM 挂载到任何位置。本文將詳細介紹如何在 React 中使用 Portals 进行 DOM 挂载。

什麼是 Portals？

Portals 是 React 中的一種功能，它可以讓開發者將 DOM 挂载到任何位置。它可以讓開發者在不同的網頁元素之間輕鬆地傳遞資料，並且可以讓開發者在不同的網頁元素之間輕鬆地渲染內容。

如何在 React 中使用 Portals？

使用 Portals 在 React 中挂载 DOM 是非常簡單的，只需要使用 ReactDOM.createPortal() 方法即可。ReactDOM.createPortal() 方法接受兩個參數，第一個參數是要挂载的 DOM 元素，第二個參數是要挂载的位置。

ReactDOM.createPortal(
  element,
  container
);

例如，如果你想將一個

<

div> 元素挂载到 元素中，你可以使用以下代碼：

ReactDOM.createPortal(
  
Hello World!
,
  document.body
);

總結

在 React 中使用 Portals 进行 DOM 挂载是非常簡單的，只需要使用 ReactDOM.createPortal() 方法即可。ReactDOM.createPortal() 方法接受兩個參數，第一個參數是要挂载的 DOM 元素，第二個參數是要挂载的位置。使用 Portals 可以讓開發者在不同的網頁元素之間輕鬆地傳遞資料，並且可以讓開發者在不同的網頁元素之間輕鬆地渲染內容。