React——JSX

JSX=JavaScriptXML (长得像XML)

此JSX(facebook.github.io/jsx/) 非彼JSX（jsx.github.io）

1.JSX是：

基于ECMAScript的一种新特性

一种定义带属性树结构的语法

2.JSX不是：

XML或者HTML

一种限制

3.JSX特点：

类XML语法容易接受

增强JS语义

结构清晰

抽象程度高

代码模块化

4.JSX语法：

<div id="example"></div>
<script type="text/babel">
var names = ['Alice', 'Emily', 'Kate'];

ReactDOM.render(
<div>
{
names.map(function (name) {
return <div>Hello, {name}!</div>
})
}
</div>,
document.getElementById('example')
);
</script>

首字母大小写：

大写：自定义组件

小写：Dom自带

添加组件属性，有一个地方需要注意，就是 class 属性需要写成 className ，for 属性需要写成 htmlFor ，这是因为 class 和 for 是 JavaScript 的保留字。