我必须用jsx扩展名保存react组件文件吗
我写react已经有几个月了，我刚刚意识到我的一些文件有一个。js扩展，而其他人有。jsx扩展。当我在中写入文件，一切仍然正常。分机是什么重要吗？jsx时。js
顺便说一下（对于上下文），我正在使用webpack生成一个包。js文件。这有什么影响吗？
共有3个答案
如前所述，从技术上讲，这并不重要。
但是，特别是在涉及协作项目时，查看Airbnb React/JSX风格指南可能会很有趣，其中提到：
扩展：使用。React组件的jsx扩展。
资料来源：https://github.com/airbnb/javascript/tree/master/react
不，分机是什么并不重要。
与Babel捆绑在一起的JSX transpiler（我想您是在Webpack中使用的）遍历监视目录中的每个文件，并且只转换与JSX语法匹配的片段。
您的所有文件都将复制到相应的构建目录中，或者（在本例中）复制到您的Web包包中。transpiler能够区分常规Javascript和JSX，并且不会对前者进行更改。
使用仍然是一种很好的做法。jsx无论如何，这对人类来说很清楚。
没有用。js或。jsx并不重要，因为您有webpack/babel来传输所有内容。实际上，主要的区别是，当您在中导入文件时，您必须包括。jsx文件的jsx扩展，如果它只是一个js文件，您只需输入文件名即可。例如：从“”导入文件/文件jsx“vs从导入文件”/文件'
-
本文向大家介绍React必须使用JSX吗？相关面试题，主要包含被问及React必须使用JSX吗？时的应答技巧和注意事项，需要的朋友参考一下 首先解释一下什么是JSX,是JavaScript的语法扩展，可以让我们编写像html一样的代码，在JSX中使用的”元素“，不局限于HTML中的元素，可以是任何一个react组件。 react判断一个元素是HTML元素还是react 组件的原则就是看第一个字母是
-
问题内容： 我使用 browserify 和 watchify ，并希望不是默认的扩展名的其他文件，并没有指定扩展名，比如： 我已经尝试按照 browserify 文档中的指定进行操作： 但是我看不到任何变化。这可能吗？正确的方法是什么？ 问题答案： 编辑 （2015年4月27日）：我刚刚注意到在问题中，我有一个无效的参数，例如： 应该是（请注意中的（点））： 原始答案 ： 添加的选项，这样做是为
-
我使用的浏览器和Watchify，并希望文件以外的默认扩展名和没有指定的扩展名，例如： 我已经尝试了，如浏览器留档中指定的： 然而，我没有看到任何变化。这有可能吗？做这件事的正确方法是什么？
-
我已经创建了一个chrome扩展来学习英语，它可以构建一个包含源代码/翻译等的词典。 现在，我想将这个“文件”(我将/会用字典条目构建一个“文件”)发送到Google Drive，并在我的Android应用程序中使用这个文件。 但我不想将此文件保存在我的个人驱动器帐户中，而是保存在当前用户的驱动器中，即使用chrome扩展名的用户（当然，如果该用户有驱动器帐户）。 在我找到的所有例子中，他们为“我
-
问题内容： 我正在尝试根据组件的类型动态呈现组件。 例如： 那给我一个编译时的错误（使用browserify进行gulp）。我使用数组语法的地方应该是XML。 我可以通过为每个组件创建一个方法来解决此问题： 但这将意味着为我创建的每个组件提供一种新方法。必须对此问题有一个更优雅的解决方案。 我很乐意提出建议。 问题答案： 编译为，它期望将字符串（HTML标记）或函数（ReactClass）作为第一
-
我正在寻找渲染基于字符串的组件。本质上，我希望找到相当于JavaScript动态函数名能力的JSX（）。 所以，如果我有一个字符串，比如