Reac语法

一，React概述

1.react是什么？

React是一个用于构建用户界面的Javascript库。
用户界面：前端HTML界面。react主要是用来写HTML页面，或构建web应用。
如果从MVC的角度看，react仅仅是视图层（V），也就是负责视图的渲染，而并非提供了完整的M和C的功能。

2.react的特点

1. 声明式
   只需要描述UI（HTML）看起来是什么样，就像写HTML一样。
   react负责渲染UI，并在数据变化时更新UI

2. 基于组件

3. 学习一次，随处使用
   可以开发web，开发移动端原生应用，可以开发VR（虚拟现实）应用

二，JSX语法 

JSX的特点：
1）JSX是react的核心内容
2）JSX表示在JS代码中写HTML结构，是React声明式的体现
3）使用JSX配合嵌入式的JS表达式、条件渲染、列表渲染，可以描述任意UI结构
4）推荐使用className的方式给JSX添加样式
5）React完全利用JS语言自身的能力来编写UI，而不是造轮子增强HTML功能

1）JSX简介

JSX是Javascript XML的简写，表示在Javascript代码中写XML(HTML)格式的代码
优势：声明式语法更加直观，与HTML结构相同，降低了学习成本，提高开发效率

为什么脚手架中可以使用JSX语法？
1.JSX不是标准的ECMAScript语法，它是ECMAScript的语法扩展
2.需要使用babel编译处理后，才能在浏览器环境中使用
3.create-react-app 脚手架中已经默认有该配置，无需手动配置
4.编译JSX语法的包为：@babel/preset-react。

 2）JSX语法

解释：js语法扩展，js可以嵌套html标签

01 有且只有一个根节点

02 { } 写js

03 {/* */} 注释

04 class要用className表达

05 样式推荐使用对象方式驼峰写法

function App() {
  var arr = 'react';
  var num = '我要好好';
  var numb = '学习react';
  var styles &