JSX学习总结
一、 什么是JSX：一个比较高级、直观的语法糖；一种类似于XML的语法。
（语法糖：是指在计算机语言中添加的某种语法，对语言功能没有什么影响，其作用是为了增加代码的可读性减少代码的出错）
React的核心机制之一就是创建虚拟DOM：通过JavaScript在内存中创建虚拟DOM来操控真实DOM,从而提高整体的性能。通过传统的JavaScript的确可以创建完整的界面DOM树，但其可读性不好，于是React就发明了JSX，用我们熟悉的HTML语法创建虚拟DOM。
React并不会真正的绑定事件到每一个具体的元素上，而是采用事件代理的模式：在根节点document上为每种事件添加唯一的Listener，然后通过事件的target找到真实的触发元素。这样从触发元素到顶层节点之间的所有节点如果有绑定这个事件，React都会触发对应的事件处理函数。这就是所谓的React模拟事件系统。尽管整个事件系统由React管理，但是其API和使用方法与原生事件一致。这种机制确保了跨浏览器的一致性：在所有浏览器（IE8及以上）都可以使用符合W3C[http://www.w3.org/TR/DOM-Level-3-Events/]标准的API，包括stopPropagation()，preventDefault()等等。对于事件的冒泡（bubble）和捕获（capture）模式也都完全支持（像window7默认的IE8浏览器是不支持capture的）。
二、JSX有什么用？
能够让程序员比较直观的通过熟悉的HTML语法创建虚拟DOM从而操纵真实DOM。
三、JSX的使用
1、采用驼峰命名法来描述事件名称；
2、由于JSX只是一种语法，Javascript的关键字class和for不能再XML出现，得用“className”和“htmlFor”代替；
资料参考CSDN：
http://blog.csdn.net/ljloving/article/details/50053159
原文地址：https://www.cnblogs.com/ZhongChunPei/p/8168695.html