reactjs - 在每个文件的顶部添加 "@jsx react.dom"的功能是什么？

Question

什么是功能:

 /** @jsx React.DOM */

我已经看到这一行被添加到我当前项目中这么多文件的顶部，但我很困惑为什么添加它。 :(

Answer 1

从 React v0.12 开始，不再有 /** @jsx React.DOM */ , see here .

他们称之为 "The @jsx Pragma" .它用于允许您指定 React Transformer 的输出应该如何显示。

因此，在过去，将 JSX 表达式编译为 JavaScript 时，它们默认为 React.createElement()调用。但是您可以修改此行为的开头 /** @jsx React.DOM */评论。这个想法是使转换更通用，并允许您指定输出的外观。

不再。 React 团队在他们的 v0.12 版本注释中分享:

We have wanted to do this since before we even open sourced React. No more /** @jsx React.DOM */!. The React specific JSX transform assumes you have React in scope (which had to be true before anyway).