学习JSX（ official document of React chapter 21 精读）

阅读量：

JSX的本质是React.createElement()函数的语法糖。以下面的JSX代码为例：

复制代码

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

复制代码

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

复制代码

    <div className="sidebar" />

复制代码

    React.createElement(
      'div',
      {className: 'sidebar'}
    )

JSX标签的第一部分决定了React元素的类型。使用首字母大写的JSX标签表示其为React组件。

由于JSX会被编译为基于React.createElement的调用形式，在编写JavaScript时必须确保相关的React库已经被正确加载和配置。为此，在编写JavaScript代码时

全部评论 (0)

还没有任何评论哟~