React学习摘要（二）——深入 JSX

   React 使用 JSX 来替代常规的 JavaScript。
   JSX是一种嵌入式的类似XML的语法。
   实际上，JSX 仅仅只是 React.createElement(component, props, …children) 函数的语法糖。（语法糖：指计算机语言中添加的某种语法，这种语法对语言的功能并没有影响，但是更方便程序员使用。通常来说使用语法糖能够增加程序的可读性，从而减少程序代码出错的机会。）
   举例，如下 JSX 代码：

<MyButton color="blue" shadowSize={2}>
  Click Me
</MyButton>

   会编译为：

React.createElement(
  MyButton,
  {color: 'blue', shadowSize: 2},
  'Click Me'
)

   JSX 标签的第一部分指定了 React 元素的类型。
   大写字母开头的 JSX 标签意味着它们是 React 组件。这些标签会被编译为对命名变量的直接引用，所以，当你使用 JSX 表达式时，Foo 必须包含在作用域内。
   由于 JSX 会编译为 React.createElement 调用形式，所以 React 库也必须包含在 JSX 代码作用域内。
   用户定义的组件必须以大写字母开头。