JSX
简单来说,React
认为组件才是王道,而组件是和模板紧密关联的,组件模板和组件逻辑分离让问题复杂化了。显而易见的道理,关键是怎么做?
JSX 是可选的
因为 JSX 最终是输出成 JS 代码来表达的,所以我们可以直接用 React 提供的这些 DOM 构建方法来写模板,比如一个 JSX
写的一个链接:
用 JS 代码来写就成这样了:
一个包含子元素的例子:
对于常见的 HTML 标签,React 已经内置了工厂方法:
关于 JSX 映射成 JS 对象,也就是 Virtual DOM 的内部描述,参见,如果你不想使用
JSX,直接使用 JS 就是用这里面提到的接口方法。