react之讲解
<!DOCTYPE html>
<html>
<head>
? ? <meat charset="UTF-8">
? ? <title>hello_react</title>
</head>
<body>
? ? <!-- 準備好一個容器 -->
? ? <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>
? ? <!-- 引入babel，jsx轉為js -->
? ? <script type="text/javascript" src="../js/babel.min.js"></script>
? ?
? ? <!-- 此處一定要寫babel -->
? ? <script type="text/babel">
? ? ? ? //1.創建虛擬DOM
? ? ? ? //此處一定不要寫引號，因為不是字符串
? ? ? ? const VDOM=<h1>Hello,React</h1>
? ? ? ? const VDOM2 = <h1>Hello,Wuming</h1>
? ? ? ? //2.渲染虛擬DOM到頁面
? ? ? ? ReactDOM.render(VDOM,document.getElementById("test"));
? ? ? ? //替換
? ? ? ? ReactDOM.render(VDOM2, document.getElementById("test"));
? ? </script>
</body>
</html>
Hello,Wuming
總結
- 上一篇： Python print 函数- Pyt
- 下一篇： C语言逗号表达式 - C语言零基础入门教