react之使用js创建虚拟DOM
生活随笔
收集整理的這篇文章主要介紹了
react之使用js创建虚拟DOM
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html>
<head>
? ? <meat charset="UTF-8">
? ? ? ? <title>2_使用js創(chuàng)建虛擬DOM</title>
</head>
<body>
? ? <!-- 準(zhǔn)備好一個(gè)容器 -->
? ? <div id="test"></div>
? ? <!-- 核心庫 -->
? ? <script type="text/javascript" src="../js/react.development.js"></script>
? ? <!-- react-dom,操作dom -->
? ? <script type="text/javascript" src="../js/react-dom.development.js"></script>
? ? <script type="text/javascript">
? ? ? ? //1.創(chuàng)建虛擬DOM
? ? ? ? const VDOM = React.createElement('h1',{id:'title'},'Hello,React')
? ? ? ? //2.渲染虛擬DOM到頁面
? ? ? ? ReactDOM.render(VDOM, document.getElementById("test"));
? ? </script>
</body>
</html>
Hello,React
總結(jié)
以上是生活随笔為你收集整理的react之使用js创建虚拟DOM的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jq之val（）
- 下一篇： C语言 数组排序 – 选择法排序 - C