什么是JSX?在React中使用JSX

(纯手打，如有错误的地方在下方评论，3Q)

什么是JSX

JSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。这个是官网：http://facebook.github.io/jsx/

举个栗子，在不适用JSX的React程序中创建一个标题的函数调用大概是这个样子：

使用JSX的好处

1.更加熟悉

许多团队都包括了非开发人员，例如熟悉HTML的UI及UX设计师和负责完整测试产品的质量保证人员。使用JSX之后，这些团队成员都可以更轻松地阅读和贡献代码。任何熟悉XML语言的人都能轻松地掌握JSX.

2.更加语义化

除了更加熟悉外，JSX还能够讲JavaScript代码转换为更加语义化、更加有意义的标签。

< div className= "divider" >

< h2 >Question h2 >

div >

变成

< Divider >Question Divider >

3.更加直观

对比使用JS和JSX

//使用JS

render: function (){

return React. createElement( 'div', { className: "divider"},

"Label Text",

React. createElement( 'hr')

);

}

//使用JSX

render: function (){

return < div className= "divider" >

Labbel Text < hr />