react script标签
时间: 2023-07-23 17:31:46 浏览: 174
react-tageditor:StackOverflow样式标签编辑器
React是一个基于JavaScript的前端库,为了使用React,我们需要先在HTML文件中引入React的脚本文件。React脚本文件一般有两个,分别是React.js和ReactDOM.js。其中,React.js是React的核心库,提供了组件、虚拟DOM等基础功能;ReactDOM.js则是React的DOM操作库,提供了与浏览器DOM相关的功能。
为了引入React脚本文件,我们需要在HTML文件中添加script标签,并设置其src属性为React脚本文件的路径。例如:
```html
<!DOCTYPE html>
<html>
<head>
<title>React Demo</title>
</head>
<body>
<div id="root"></div>
<script src="https://cdn.jsdelivr.net/npm/react@16.14.0/umd/react.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@16.14.0/umd/react-dom.development.js"></script>
<script src="app.js"></script>
</body>
</html>
```
在上述代码中,我们引入了React和ReactDOM的开发版本,并将其路径设置为CDN地址。同时,我们还引入了一个名为app.js的JavaScript文件,该文件是我们自己编写的React组件代码的入口文件。
阅读全文