React第一天

json{shen:"jing"}

已于 2022-09-05 10:19:27 修改

阅读量216

点赞数

分类专栏： React 文章标签： reactjs

于 2022-09-05 10:13:20 首次发布

本文链接：https://blog.csdn.net/weixin_53415999/article/details/126699390

版权

React 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一.创建一个简单的react实例

1.引入依赖包：

第一个是react核心库

第二个是react-dom，用于支持react操作DOM

第三个是babel，用于将jsx转为js

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

2.正文：

//1.创建虚拟DOM

//2.渲染虚拟DOM到页面

	<script type="text/babel">
	const VDOM = <h1>Hello React</h1>/* 此处一定不要写引号，因为不是字符串 */
	ReactDOM.render(VDOM,document.getElementById('test'))/*注意这是一个替换动作而不是追加动作*/
	</script>

结果: