React_2 React脚手架的使用

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()更简洁，方便使用