使用.js和.jsx作为Reactjs的文件结尾有什么区别？
使用.js和.jsx作为Reactjs的文件结尾有什么区别？
提问于 2020-07-31 13:13:30
我想了解用.js和.jsx结束Reactjs文件的区别吗？
我知道JS是标准的javascript，而JSX是我们用来创建React组件的类似HTML的语法。
但我确实看到，如果我用JSX语法编写React组件，并用.js或.jsx结束文件名，它们都能工作(看起来是一样的)。
那么，使用.js和.jsx保存React文件有什么不同呢？
它会影响性能吗？
有些事情不会以一种方式起作用吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-07-31 13:19:10
好的，所以这两个文件扩展名通常都是用来编写或定义您的React组件的。随着React的发展，它带来了JSX语法，开发人员开始在.jsx文件中编写组件。在Babel转运机的帮助下，JSX被转到JS。
现在有了巴贝尔和Webpack，你就不用担心.jsx或.js了。最后，所有内容都将绑定到JavaScript中。记住一件事，web浏览器不理解.jsx文件或JSX语法。最终在浏览器中运行的是JavaScript。
通常，当您的文件只包含JSX并定义用户界面时，我们使用.jsx，因此您可以更简单地理解该文件实际包含的内容。下面是一个例子。
//profile.jsx
var profile = <div>
<img src="avatar.png" className="profile" />
<h3>{[user.firstName, user.lastName].join(' ')}</h3>
</div>;Stack Overflow用户
发布于 2020-07-31 13:17:51
其中一个不同之处在于，一些代码编辑器会理解您正在处理的是JSX语法，这样他们就能够在处理特定于反应的代码时提供更多的帮助，比如自动完成功能、预先键入等等。
这两种类型对您都很好:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63192564
复制相关文章
相似问题
腾讯云开发者
