学习React第一天

学习react

介绍react

React是什么 ？

React由Meta公司研发，是一个用于 构建Web和原生交互界面的库

React的优势

创建react项目

使用create-react-app快速搭建开发环境

create-react-app是一个快速 创建React开发环境的工具，底层由Webpack构建，封装了配置细节，开箱即用

执行语句：

npx create-react-app react-basic(项目名称，自定义)

1. npx Node.js工具命令，查找并执行后续的包命令

2. create-react-app 核心包（固定写法），用于创建React项目

3. react-basic React项目的名称（可以自定义）

学习JSX

什么是JSX

概念：JSX是JavaScript和XML（HTML）的缩写，表示在JS代码中编写HTML模版结构,它是React中编写 UI模版的方式

优势： 1. HTML的声明式模版写法 2. JS的可编程能力

JSX的本质

JSX并不是标准的JS语法，它是JS的语法扩展，浏览器本身不能识别，需要通过解析工具做解析之后才能在浏览器中运行。

JSX中使用JS表达式

在JSX中可以通过大括号语法{}识别JavaScript中的表达式，比如常见的变量，函数调用，方法调用等等

1. 使用引号传递字符串

2. 使用JavaScript变量

3. 函数调用和方法调用

4. 使用JavaScript对象

5. 

注意：if语句，switch语句，变量声明属于语句，不是表达式，不能出现在{}中