React用于构建用户界面的 JavaScript 库， 下面简单介绍在html中使用React 。
文章插图
方式/
1建立一个空的 HTML 文件 。
文章插图
2 在 HTML中添加“<div id="app"></div>”一个 DOM 容器 。
文章插图
3添加 Script 标签， 引用react.js焦点文件库，
<script src=https://vvvtt.com/article/"https://unpkg.com/react@16/umd/react.development.js" crossorigin>
文章插图
4添加 Script 标签， 引用react-dom.js， 感化是将React构建的虚拟DOM转化当作真实DOM， <script src=https://vvvtt.com/article/"https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin>
文章插图
5注重: 摆设时， 将 "development.js" 替代为惹著 "production.min.js"节流资本 。
文章插图
6添始颂加 Script 标签， 引用babel.js， 感化是利用JSX 。
<script src=https://vvvtt.com/article/"https://unpkg.com/babel-standalone@6/babel.min.js">
文章插图
7可以在任何 <script> 标签上添加 type="text/babel" 属性， 这样罪棍爹就可以在标签内利用JSX 。
文章插图
8【在HTML中使用React】ReactDOM.rer() 将React构建好的视图衬着到真实DOM中 。
文章插图
9页面显示结果如图 。
文章插图
以上内容就是在HTML中使用React的内容啦， 希望对你有所帮助哦！
推荐阅读
- wps演示中如何制作人物介绍页面
- wps演示中如何制作圆形环绕目录
- wps演示中如何制作扇形目录
- wps演示中如何制作有立体感的结束页面
- 在React中配合使用JSX
- wpsppt中如何进行蓝灰极简风纯文字排版
- wps演示中如何进行平行四边形进行图文排版
- wps演示中如何绘制太阳图标
- wpsppt中如何进行简约矩形橙色系图文排版
- wpsppt中如何进行几何创意型段落排版