假設(shè)你的 HTML 文件某處有一個(gè) <div>：

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

我們將其稱為“根” DOM 節(jié)點(diǎn)，因?yàn)樵摴?jié)點(diǎn)內(nèi)的所有內(nèi)容都將由 React DOM 管理。

僅使用 React 構(gòu)建的應(yīng)用通常只有單一的根 DOM 節(jié)點(diǎn)。如果你在將 React 集成進(jìn)一個(gè)已有應(yīng)用，那么你可以在應(yīng)用中包含任意多的獨(dú)立根 DOM 節(jié)點(diǎn)。

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

const element = <h1>Hello, world</h1>; ReactDOM.render(element, document.getElementById('root')); 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。