reactjs - React 组件和函数（包括文件名）的命名最佳实践

Question

我注意到很多项目用大写的类名和小写的文件名来命名他们的反应组件。为什么会不一样？

标签： reactjs

Answer 1

我相信这不是最佳做法。文件名应该与 React 组件的相同，并且应该用PascalCase编写。

例如：Navigation.jsx出口Navigation

有关命名约定的进一步阅读：

• 媒体上的 Hackernoon
• 堆栈溢出问题

奖励：在 React 项目中构建文件和文件夹：

• 耶，又是哈克农！

• 亚历克西斯·曼金的帖子

• 如果你不使用 redux，你可能不需要阅读这篇文章，但它对函数优先和特性优先分组技术进行了很好的比较。亚历克斯摩尔多瓦的帖子

编辑：来自nextjs官网

Next.js 将在/pages与文件名匹配的路径名下提供每个文件。

例如，/pages/about.js服务于site.com/about。

因此，对于 Nextjs，他们希望将组件和页面文件分开，因为页面文件用于路由。