为什么React要用JSX

为什么使用xxx，散发思考三步

1. 一句话解释xxx，首先一句话说清楚JSX是什么
2. 核心概念，JSX用于解决什么问题，如何使用
3. 方案对比。与其他方案的对比，说明选用JSX的必要性

一句话解释

JSX是JS的语法扩展，语法糖

核心概念

因为 React 需要将组件转化为虚拟 DOM 树，所以我们在编写代码时，实际上是在手写一棵结构树，通过使用JSX，代码更加简洁，结构层次更加清晰

方案对比

1. 模版，React团队认为引入模板语法、模板指令等概念，不佳的实现
2. 模版字符串，嵌套复杂，优化代码提示也很困难