reactjs入门示例
生活随笔
收集整理的這篇文章主要介紹了
reactjs入门示例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>hello_react</title>
</head>
<body><!-- 準備好一個“容器” --><div id="test"></div><!-- 引入react核心庫 --><script type="text/javascript" src="../js/react.development.js"></script><!-- 引入react-dom，用于支持react操作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><script type="text/babel" > /* 此處一定要寫babel *///1.創建虛擬DOMconst VDOM = <h1>Hello,React</h1> /* 此處一定不要寫引號，因為不是字符串 *///2.渲染虛擬DOM到頁面ReactDOM.render(VDOM,document.getElementById('test'))</script>
</body>
</html>
總結
以上是生活随笔為你收集整理的reactjs入门示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： reactjs创建虚拟DOM的两种方式：
- 下一篇： go函数详解：函数定义、形参、返回值定义