React引入

react的引入有三种方法：

1、CDN引入

引入react.umd.min.js以及react-dom.umd.min.js

• cjs

cjs全称CommonJS，是Node.js支持的模块规范

• umd

umd是统一模块定义，兼容各种模块规范(含浏览器)

2、webpack引入（非常麻烦）

3、

yarn global add create-react-app

create-react-app 项目名

yarn start

React 元素创建

在react中，我们需要使用React.createElement来创建元素,它接受三个参数

第一个参数为tagName

第二个参数为一个对象，里面写属性

第三个参数为一个数组，里面可以写子属性

React.createElement('div',{className:'red'},[n])

JSX

1,CDN引入

2，webpack+babel+loader

3,使用create-react-app,和@vue/cli用法类似 全局安装 yarn global add create-react-app 初始化目录 create-react-app react-demo 进入目录 cd react-demo 开始 yarn start

注意事项：

• 标签里面的所有js代码，用{}包起来
• 如果需要变量n,就用{}吧n包起来
• 如果需要对象，同样用{}包起来，如{{name:'react'}}
• return 后面加()