Javascript 使用带有或不带有jsx的React

我正在学习React，不知道如何操作，但我能够在没有jsx的情况下运行一个简单的应用程序，我的js文件是这样开始的：

class TestClass extends React.Component

我需要使用jsx还是可以使用js文件？ 使用jsx文件有什么好处

我的html文件包含以下脚本：

<script src="https://fb.me/react-0.14.5.js"></script>
<script src="https://fb.me/react-dom-0.14.5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>
<script type="text/babel" src="main.js"></script>

这是在生产环境中使用React的正确方法吗

非常感谢

来自：

您不必对React使用JSX。您可以只使用普通JS。但是，我们建议使用JSX，因为它是一种简洁而熟悉的语法，用于定义具有属性的树结构

根据我的经验，JSX更容易一眼就能理解，并且极大地改善了react体验

---

您不应该在生产环境中包含browser.min.js脚本，因为这需要在每次加载页面时传输代码。相反，请遵循这一点，使用Webpack/Babel/Browserify转换代码，然后进行部署。

对于prod来说，这不是正确的方法，因为在运行时转换es6和jsx很慢，需要额外的库来完成，您可以为prod编译您的项目。您不必使用JSX，但建议使用JSX，因为它看起来更漂亮、更干净-几乎像html，因此易于阅读且更简洁。我认为您不了解JSX实际上是什么。不，您不需要使用JSX。大多数都是这样，但并不要求使用react。至于这是否是在生产环境中使用react的正确方法：我们将源代码传输到单个

bundle.js

文件中，并将其包含在

index.html

中。这在构建过程中为您提供了缩小、脱毛等额外的好处。正如@DominicTobias所指出的，它的速度也快得多。请不要像在关键生产系统中那样包含代码。