React 组件应该使用 .js 或 .jsx 文件扩展名吗？

Question

当我在 React 应用程序中构建组件时，我通常使用 .js 文件扩展名（即使我用 jsx 编写），但我见过一些使用 .jsx 文件扩展名。 为组件使用 .jsx 文件扩展名而不是 .js 是否更好？这样做有什么好处？

我使用 .js 文件扩展名，它可以正常工作

Answer 1

正如 @DBS 在一条评论中提到的，这个问题已经被问过。但由于您是新成员，我将添加一个回顾以帮助您理解。

参考这个问题ReactJS - .JS vs .JSX

1. 如果你用.jsx或.js制作文件，那没关系。

2. JSX 不是标准的 Javascript 扩展。

3. 仅对于转译器/捆绑器来说是必要的，这可能不是 设置为使用 JSX 文件，但也可能使用 JS！你不能使用 JSX 文件，所以你必须使用 JS 文件来代替。

4. .jsx 将被视为反应页面，您可以识别 React Component 与其他类型 javascript 的区别 文件。此外，它的功能将自动通过扩展应用

Answer 2

这取决于您的构建设置。在某些设置中，在

.js

中编写 JSX 将不起作用。

但是只要

.js

带有 JSX 的文件对你有用，我认为它没有问题。

Answer 3

如果您使用 Vite 设置 Ract 应用程序，js 扩展可能会出现一些问题。必须使用 jsx 扩展。