假設你的 HTML 文件某處有一個 <div>：

<div id="root"></div>

我們將其稱為“根” DOM 節點，因為該節點內的所有內容都將由 React DOM 管理。

僅使用 React 構建的應用通常只有單一的根 DOM 節點。如果你在將 React 集成進一個已有應用，那么你可以在應用中包含任意多的獨立根 DOM 節點。

想要將一個 React 元素渲染到根 DOM 節點中，只需把它們一起傳入 ReactDOM.render()：

const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById('root')); 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的react学习(43)----react中将一个元素渲染为 DOM的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。