1.创建html文件

文件名:index.html

文件内容如下:

文件内容截图如下:

2.运行index.html文件,右击index.html选择浏览器打开

运行截图:

查看运行结果代码截图:

3.代码解析:

代码片断:

用途:React 的核心库


代码片断:

用途:提供与 DOM 操作相关的功能库


代码片断:

用途:Babel可以将ES6语法转为ES5语法,这样我们就能在目前不支持ES6浏览器上执行React代码。Babel内嵌了对JSX的支持

注意:开发环境可以使用,生产环境尽量不要使用


代码片断:

说明:

:html中的div标签