React.jsx vs React.js作为组件创建的文件名扩展

Question

作为我的反应开发的一部分，我遇到了组件，这是JSX的一部分。我看到一些脚本文件是用.jsx扩展名创建的，并且同样的组件概念与.js扩展名一起使用。

为了渲染组件，reactDOM.render（）在两种情况下都是相同的。

但.jsx的脚本类型为<script src="text/jsx">

和.js是<script src="text/babel">

由于JSX是以组件形式创建元素的语法糖。并且Babel被用作转换器以将组件转换为元素形式。

我的问题是，我们是否有任何标准可以在特定时刻使用其中任何一种？

Answer 1

就我而言，拇指规则是：

• index.js 表示js logic
• nameOfComponent.jsx 用于渲染功能

我在这里深入解释： https://hackernoon.com/building-modular-interfaces-a4e4076b4307

这里是你可以使用的样板： https://github.com/metaphorical/quantum-blox