Facebook 的 React JSX 转换器如何工作？

Question

React 怎么可能允许您在 javascript 内编写 JSX (XML) 而不会抛出任何错误？我一直在努力思考它，但我不太确定底层代码是如何实现这一点的。

Answer 1

很简单，它查找<script type="text/jsx">个标签，解析它们，生成相应的javascript代码，然后eval就可以了。

这就是为什么 jsx 内联转换器只应在开发时使用，因为必须解析 jsx 代码会降低网页的性能。部署时，你应该在部署之前将所有 jsx 代码转换为 js 一个。