JSX是JavaScript XML 的简写.使用JSX优势在于:能用声明式语法更直观,与HTML结构相同,提高开发效率.
JSX并不是标准ECMAScript 语法,再React中使用JSX需要配合Babel编译成React.createElement(),
并配合浏览器使用,create-react-app 脚手架中已经内置Babel相关配置.
React推荐的做法是
JSX + inline style, 也就是把HTML和CSS全都写进JavaScript了,即’all in js’。
JSX实际就是一套使用XML语法，用于让我们更简单地去描述树状结构的语法糖。
在react中，所有的组件的渲染功能都依靠JSX。
你可以在render()中编写类似XML的语法，它最终会被编译成原生JavaScript。
不仅仅是 HTML 可以用 JSX 来表达，现在的潮流也越来越多地将 CSS 也纳入到 JavaScript 中来处理。
JSX是基于 JS 之上的一套额外语法，学习使用起来有一定的成本.
