2025年react 入门(react 入门教程)

react 入门(react 入门教程)lt DOCTYPE html gt lt html lang en gt lt head gt lt meta charset UTF 8 gt lt title gt hello react lt title gt

大家好,我是讯享网,很高兴认识大家。



<!DOCTYPE html>
<html lang=“en”>
<head>

讯享网


讯享网

讯享网<meta charset="UTF-8"> <title>hello_react</title> 

</head> <body>

&lt;!-- 准备好一个“容器” --&gt; &lt;div id="root"&gt;&lt;/div&gt; &lt;!-- 引入react核心库 --&gt; &lt;script type="text/javascript" src="https://www.cnblogs.com/xfly-lin/js/react.development.js"&gt;&lt;/script&gt; &lt;!-- 引入react-dom,用于支持react操作DOM --&gt; &lt;script type="text/javascript" src="https://www.cnblogs.com/xfly-lin/js/react-dom.development.js"&gt;&lt;/script&gt; &lt;!-- 引入babel,用于将jsx转为js --&gt; &lt;script type="text/javascript" src="https://www.cnblogs.com/xfly-lin/js/babel.min.js"&gt;&lt;/script&gt; &lt;script type="text/babel" &gt; <span style="color: rgba(0, 128, 0, 1)">/*</span><span style="color: rgba(0, 128, 0, 1)"> 此处一定要写babel </span><span style="color: rgba(0, 128, 0, 1)">*/</span> <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">1.创建虚拟DOM</span> const VDOM = &lt;h1&gt;Hello React&lt;/h1&gt; /* 此处一定不要写引号,因为不是字符串 */ <span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">2.渲染虚拟DOM到页面</span> ReactDOM.render(VDOM,document.getElementById('root'<span style="color: rgba(0, 0, 0, 1)">)) </span>&lt;/script&gt; 

&lt;/body&gt; &lt;/html&gt;


小讯
上一篇 2025-05-17 17:33
下一篇 2025-04-27 21:31

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/176210.html