React脚手架意义
1:脚手架是开发现代Web应用的必备
2:可以充分利用Webpack、Babel、ESLint等工具辅助项目开发
3:零配置,无需手动配置繁琐的工具即可使用
使用React脚手架初始化项目
执行初始化命令:
npx create-react-app 项目名
运行项目:
cd 项目名
npm run start
在脚手架中使用react
1.导入react和react-dom这两个包
import React from 'react';
import reactDOM from 'react-dom';
2. 调用React.createElement()方法创建react元素
3. 调用ReactDOM.render()方法渲染react元素到页面中
在使用了react脚手架后我们可以使用JSX语法去创建react元素
const title =<h1>hello React</h1>
ReactDom.render(title,document.getElementById('root);
这样看起来比使用React.createElement()更简洁,方便使用