在HTML中使用React

 时间:2026-02-12 18:08:43

1、创建一个空的 HTML 文件。

在HTML中使用React

2、 在 HTML中添加“<div id="app"></div>”一个 DOM 容器。

在HTML中使用React

3、添加 Script 标签,引用react.js核心文件库,

<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>

在HTML中使用React

4、添加 Script 标签,引用react-dom.js,作用是将React构建的虚拟DOM转化成真实DOM,<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

在HTML中使用React

5、注意: 部署时,将 "development.js" 替换为 "production.min.js"节省资源。

在HTML中使用React

6、添加 Script 标签,引用babel.js,作用是使用JSX。

<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

在HTML中使用React

7、可以在任何 <script> 标签上添加 type="text/babel" 属性,这样就可以在标签内使用JSX。

在HTML中使用React

8、ReactDOM.render() 将React构建好的视图渲染到真实DOM中。

在HTML中使用React

9、页面显示效果如图。

在HTML中使用React

  • 如何利用js判断checkbox是否选中
  • css如何设置默认宽度,然后由内容来自动增加宽度
  • jquery如何实现鼠标放上div时改变其大小
  • eve受损结构怎么获得#校园分享#
  • 易语言 横向和纵向滚动条显示位置百分比
  • 热门搜索
    气血两虚怎么调理 宝宝发烧了怎么办 人寿保险怎么样 人工呼吸怎么做 苹果4s怎么截图 提子怎么洗 头发怎么保养 板书设计怎么写 野山参怎么吃 春节是怎么来的