1.4 了解JavaScript的扩展语法JSX

一、JSX

1. JSX是JavaScript语法扩展，可以让你在JavaScript文件中书协类似HTML的标签

   1. JSX浏览器是不认识的，所以利用脚手架中的SWC或Babel进行编译，转换成浏览器识别的代码

   2. JSX and React是相互独立的东西。但它们经常一起使用，但你可以单独使用他们期中一个，JSX是一种语法扩展，而React则是一个JavaScript的库

2. 代码示例：

   // 声明写法
   function App() {
     // 返回
     return (
       <div>Hello App</div>
     )
   }
   
   // 表达式写法
   const App = () => {
     return (
       <div>Hello App</div>
     )
   }
   
   // 输出一下
   export default App

3. JSX转换过程：

   

   转换过程图