在.jsx扩展中使用es6类结果的React-rails组件生成器

Question

当使用react-rails生成组件时，我的es6类组件是用.jsx扩展创建的吗？为什么会这样呢？示例rails generate react:component TestComponent --es6将生成test_component.es6.jsx文件，而不是test_component.es6

Answer 1

因为在将Javascript从ES6转换为ES5之前，必须将其从JSX转换为ES6 (从React组件中移除所有的HTML标签)。

您可以阅读更多关于JSX here的内容。

Answer 2

JSX只是javascript的一个扩展，增加了一些语法差异。它使用类似于XML的结构。而不是键入：

React.DOM.div(..)

你可以直接输入：

<div>

添加到末尾的JSX只是为了告诉资产管道，他们使用了现有的JSX，并将其转换为Javascript。