即使没有选择预处理器,这个 React 代码如何在 CodePen 上工作?

How does this React code work on CodePen even if no preprocessor is selected?

我在 CodePen 上有这段代码:https://codepen.io/anon/pen/OdOyJX 效果很好,我很困惑为什么会这样。

ReactDOM.render(
  <div>Hello, world!</div>,
  document.getElementById('root')
);

在 JavaScript 设置中,没有选择预处理器,因此我预计 JSX 语法会失败,因为“<”是无效标记。 是什么让它在 CodePen 上工作?

CodePen 按照说明自动添加了 Babel 支持 here

如果你现在看看你的 Pen,它看起来确实在你的 JavaScript 中的 < 上失败了,但如果你打开 Babel,它运行良好。

当你问这个问题时,Babel 一定是不小心打开了我的默认后台!