前言JSX（JavaScriptXML）是学习React框架时必须了解的一个概念。虽然现在越来越多的人认可和支持JSX语法框架（比如Vue.js），但是当React第一次发布时和JSX一起发布的时候，还是引起了很大的争议，甚至有朋友直呼这是历史倒退.随着React框架的不断完善，JSX也被越来越多的开发者所认可，也越来越流行。变成了“真香”！本次分享将从以下三个问题入手：什么是JSX？JSX是做什么的？JSX的幕后发生了什么？在分享的过程中，我会尝试通过讲解一些demo代码和解读源码来寻找答案。希望通过这种方式帮助大家理解JSX，从根本上理解JSX，从而帮助我们写出更好的React。代码。JSX的本质：JavaScript语法扩展先来看看React官网是怎么定义JSX的：■JSX是JavaScript语法扩展。它看起来像一种模板语言，但它具有JavaScript的所有功能。刚接触JSX的同学普遍认为这是一种新的模板语言，因为它和通用的模板语言非常相似。我们通过三段功能相同的代码来直观感受一下：//定义一些数据consttitle='hello'constlist=['a','b',c]constvisible=trueconstfootCssName='footer'Vue模板：
