初识JSX

JSX的作用

我们使用JSX来实现组件中的页面结构。

什么是JSX

一个 JavaScript 的语法扩展，JSX 可以生成 React “元素”，React元素用来描述页面应该长什么样子。

可以把JSX理解为 JavaScript + XML,XML我们不熟悉，那就把XML立即为具有严格规范的HTML

index.js

App.js

为什么使用 JSX？

React 认为渲染逻辑本质上与其他 UI 逻辑内在耦合，比如，在 UI 中需要绑定处理事件、在某些时刻状态发生变化时需要通知到 UI，以及需要在 UI 中展示准备好的数据

React 并没有采用将标记与逻辑分离到不同文件这种人为的分离方式，而是通过将二者共同存放在称之为“组件”的松散耦合单元之中，来实现关注点分离

实时效果反馈

1. 下列关于JSX描述正确的是：

A JSX就是HTML

B JSX是XML

C JSX是JS的语法扩展

D JSX是一个字符串

答案

1=>C