最近，我开始学习 ReactJS。唯一让我困惑的是如何命名React 应用程序目录中的文件夹和文件。
为了命名组件文件，有些人遵循
TitleCase.js，有些人遵循camelCase.js。要名的应用程序目录，很少有人遵循
camelCase，很少smallcase或small-case。
我试图找到有关命名约定的官方文档，但找不到。有人可以帮我找到在 ReactJS 中命名文件的正确方法吗？
reactJS中的文件命名约定？
IT技术
reactjs
2021-04-04 23:15:39
6个回答
关于命名约定，ReactJS 是没有意见的。
没有关于您提出的问题的官方指南或声明。您也不会在文档中找到它们。
这是个人（团队）的偏好。如果你很难强制执行，你可以坚持使用Airbnb 对 React 和 JSX 的最合理的方法。
PS：只要你坚持，我就说你是安全的。
文件名必须全部小写，并且可以包含下划线 (_) 或破折号 (-)，但不能包含额外的标点符号。遵循您的项目使用的约定。文件名的扩展名必须是 .js。
正如其他人提到的，我们采用了 Airbnb 风格指南。这是他们文档中关于命名约定的特定部分：
https://github.com/airbnb/javascript/tree/master/react#naming
tl;dr PascalCase 命名
根据他们关于文件结构的文档，我会选择使用 UpperCamelCase，只要它不是index.css,index.html或index.js. 此外，create-react-app具有这种结构，您可以在这里看到。
我推荐hyphens-case文件命名，因为hyphens-case当导入的自定义文件与 npm module相同时，所有 npm module都是如此。