JSX

    简单来说,React
    认为组件才是王道,而组件是和模板紧密关联的,组件模板和组件逻辑分离让问题复杂化了。显而易见的道理,关键是怎么做?

    JSX 是可选的

    因为 JSX 最终是输出成 JS 代码来表达的,所以我们可以直接用 React 提供的这些 DOM 构建方法来写模板,比如一个 JSX
    写的一个链接:

    用 JS 代码来写就成这样了:

    一个包含子元素的例子:

    对于常见的 HTML 标签,React 已经内置了工厂方法:

    关于 JSX 映射成 JS 对象,也就是 Virtual DOM 的内部描述,参见,如果你不想使用
    JSX,直接使用 JS 就是用这里面提到的接口方法。