根據需要選擇性地使用 React。

React 從一開始就被設計為逐步采用，并且你可以根據需要選擇性地使用 React。可能你只想在現有頁面中“局部地添加交互性”。使用 React 組件是一種不錯的方式。

大多數網站不是、也不需要是單頁應用程序。通過僅僅幾行代碼并且無需使用構建工具，試試在你的網站的一小部分中使用 React。然后，你可以逐步擴展它的存在，或只將其涵蓋在少數動態部件中。

一分鐘用上 React

在本小節中，我們會展示如何將 React 組件添加到現有的 HTML 頁面中。你可以基于自己現有的網站，或創建一個空的 HTML 文件來練習。

不會涉及復雜的工具或安裝需求 —— 完成這一節的內容，你只需要連接到網絡，以及一分鐘的時間。

步驟 1： 添加一個 DOM 容器到 HTML

首先，打開你想要編輯的 HTML 頁面。添加一個空的

標簽作為標記你想要用 React 顯示內容的位置。例如：

我們給這個

加上唯一的 id HTML 屬性。這將允許我們稍后用 JavaScript 代碼找到它，并在其中顯示一個 React 組件。

提示

你可以像這樣在

標簽內的任意位置放置一個“容器” 。根據需要，你可以在一個頁面上放置多個獨立的 DOM 容器。它們通常是空標簽 —— React 會替換 DOM 容器內的任何已有內容。

步驟 2：添加 Script 標簽

接下來，在 結束標簽之前，向 HTML 頁面中添加三個

總結

以上是生活随笔為你收集整理的react中嵌入网页_在网站中添加 React的全部內容，希望文章能夠幫你解決所遇到的問題。

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