當前位置：首頁 >

react之使用js创建虚拟DOM

發布時間：2024/9/27 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 react之使用js创建虚拟DOM 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>

<html>

<head>

? ? <meat charset="UTF-8">

? ? ? ? <title>2_使用js創建虛擬DOM</title>

</head>

<body>

? ?

? ? <div id="test"></div>

? ?

? ? <script type="text/javascript" src="../js/react.development.js"></script>

? ?

? ? <script type="text/javascript" src="../js/react-dom.development.js"></script>

? ? <script type="text/javascript">

? ? ? ? //1.創建虛擬DOM

? ? ? ? const VDOM = React.createElement('h1',{id:'title'},'Hello,React')

? ? ? ? //2.渲染虛擬DOM到頁面

? ? ? ? ReactDOM.render(VDOM, document.getElementById("test"));

? ? </script>

</body>

</html>

Hello,React

以上是生活随笔為你收集整理的react之使用js创建虚拟DOM的全部內容，希望文章能夠幫你解決所遇到的問題。

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