ReactJS组件文件名大写：是社区规范还是库规则？可小写命名吗？
2026-7-19
React组件文件名大写开头：约定还是强制？
- 这是React社区的通用约定，而非React库的强制规则。React本身不会因为文件名小写就报错，代码完全可以正常运行。
- 你完全可以把导出Book组件的文件命名为
book.js甚至b.js，这种命名方式不会触发React的隐性错误，也不违反React的核心规则。 - 不过需要注意两个关键点：
- 组件本身的定义名称（比如
function Book() {}）必须大写开头，这是React的强制规则——React会把小写开头的标签识别为原生HTML元素，只有大写开头的才会被当作自定义组件处理。 - 使用小写文件名时，要留意文件系统的大小写敏感性：在Linux/macOS这类区分大小写的系统里，
import Book from './book.js'可以正常工作，但如果误写成import Book from './Book.js'就会报错；而Windows系统不区分大小写，这种差异可能埋下跨环境运行的隐患。
- 组件本身的定义名称（比如
- 遵循文件名大写开头的约定，主要是为了提升代码可读性，让其他开发者一眼就能识别出这是组件文件，同时规避上述跨环境的大小写问题。
内容的提问来源于stack exchange，提问作者LeoPkm2-1
相关产品推荐
相关产品推荐
