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中如何进行几何创意型段落排版