ruby-on-rails - 使用 es6 类的 React-rails 组件生成器导致 .jsx 扩展

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的更多信息

Answer 2

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

React.DOM.div(..)

您只需键入：

<div>

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