JSX语法学习笔记

参考：https://reactjs.org/docs/glossary.html#jsx，https://segmentfault.com/a/1190000006832035
JSX（JavaScript XML）js内定义的一套XML语法。
1. JSX is a syntax extension to javascript
2. similar to a tamplate language
3. gets compiled to React.createElement()
4. JSX必须严格闭合。
5. 可以把JSX标签当做一个变量，可以在任何位置使用和使用变量装起来
6. JSX一个标签就是一个组件，当存在两个组件在同一级是，必须使用一个标签（组件）包起来。
7. 自定义组件使用是必须首字母大写，数字母不大写直接解析为同名html标签。
8. 遇到 HTML 标签（以 < 开头），就用 HTML 规则解析；遇到代码块（以 { 开头），就用 JavaScript 规则解析。
9. 在JSX中使用变量 var name = "test";

{name + "666"}

10. 在JSX中使用Array（特殊的变量）
var arr = [

Hello world!

,

React is awesome

,
];
ReactDOM.render(

{arr}

,
document.getElementById('example')
);