- 如果没有安装脚手架则需要引入三个包
react.development.js 的作用:react 的核心库
react-dom.development.js 的作用:操作 dom 的拓展库,提供了 ReactDOM 的对象
babel.min.js 的作用:jsx 语法转为 js 语法, jsx 是 js 的拓展语法,html 该怎么写怎么写,js 语法写在 { } 里面
- 定义组件有两种方法
(1)函数声明式
(2)class定义
- 案例
(1)定义组件
(2) 组件嵌套
注意 :如果小写首字母开头,则将该标签转为html中同名元素,如果html中没有同名元素也就是说没有对应的同名元素则报错;
如果首字母大写开头,react就渲染对应的组件,若组件没有定义就报错、
(3)