❤ React02-安装和使用
1、React 基本使用
（1）安装
npm i react react-dom
介绍： React 包是核心，提供创建元素 React-dom包提供React-dom相关功能
（2） 使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="root"></div>
<!-- 引入元素 -->
<script src="./lib/react.js"></script>
<script src="./lib/react_dom.js"></script>
<script src="./lib/babel.js"></script>
<script type="text/babel">
// 1.定义变量-创建元素
const message = "Hello World"
const tit=React.createElement('h1',null,'hrllo React!');
// 3.渲染内容
ReactDOM.render(tit,document.getElementById('root'));
</script>
</body>
</html>
（3）方法介绍
React.createElement() 方法
React.createElement(A,B,C)
A,B,C代表元素的参数，属性、子节点
React渲染
React18之前 ReactDOM.render() 渲染方法
React18之后 ReactDOM.createRoot
（4）React脚手架
快速搭建react项目
4-1 安装 create-react-app 脚手架
npm install -g create-react-app // Windows
sudo npm install -g create-react-app // Linux
4-2 检测 create-react-app 是否安装成功
【提示】至少需要Node14以上的环境
4-3 创建react 项目
npx create-react-app spereact// 注意：名字不能包含大写字母。我的是 my-app。
cd spereact
npm start
或者可以采取
create-react-app 项目名称 （js版本）
create-react-app 项目名称 --template typescript （TS版本）
还可以使用
npm init react-app 项目名称(不推荐)
yarn create react-app 项目名称(不推荐)
npx命令的介绍 说明：npx 是 npm 5.2+ 附带的 package 运行工具。
作用： 提升包内提供的命令行工具的使用体验 原来： 先安装脚手架，再使用包提供的命令
默认，create react app 创建的项目是看不到 webpack 相关的配置的，如果想要配置 webpack，只能先 eject 一下，执行命令来释放 webpack 的配置文件： npm run eject
