ReactJS - .JS vs .断续器

2022-08-29 23:11:29

在 中工作时,我发现有些地方非常混乱。React.js

互联网上有很多使用文件的例子,但许多其他人使用文件。.jsReact.jsx

我已经阅读了有关文件的信息,我的理解是,它们只是允许您在.但同样的事情也可以写在文件中。JSXHTMLJavaScriptJS

那么 和 之间的实际区别是什么?.js.jsx


答案 1

在文件扩展名方面没有。您的捆绑器/转译器/任何东西都负责解决存在什么类型的文件内容。

但是,在决定将什么放入或文件类型时,还有其他一些注意事项。由于JSX不是标准的JavaScript,人们可以争辩说,任何不是“普通”JavaScript的东西都应该进入它自己的扩展,即JSX和TypeScript。.js.jsx.jsx.ts

这里有一个很好的讨论可供阅读


答案 2

在大多数情况下,只需要转译器/捆绑器,它可能不是配置为使用JSX文件,而是使用JS!因此,您被迫使用JS文件而不是JSX。

由于 react 只是 javascript 的一个库,因此在 JSX 或 JS 之间进行选择没有任何区别。它们完全可以互换!

在某些情况下,由于代码突出显示,用户/开发人员也可能选择JSX而不是JS,但是大多数较新的编辑器也在JS文件中正确查看react语法。