React 命名规范指南 📚

在 React 项目中，遵循一致的命名规范能显著提升代码可读性与团队协作效率。以下是核心建议：

1. 组件命名

• 大写字母开头：组件名应使用 PascalCase（如 UserProfile）
• 单文件组件：若为函数组件，文件名可使用 userProfile.js 或 Userprofile.jsx
• 示例
  ✅ Header、LoginForm
  ❌ header、login_form

2. 变量与函数命名

• 小写字母：优先使用 snake_case（如 userName）
• 语义清晰：避免模糊名称，如 data 改为 userData
• 示例
  ✅ const isLoading = true;
  ❌ const isLoad = true;

3. 文件结构

• 目录命名：使用小写字母与短横线（如 components/）
• 文件扩展名：统一使用 .js 或 .jsx，避免混用
• 示例
  ✅ src/utils/、index.js
  ❌ src/Utils/、Index.jsx

4. 类与方法

• 类名：PascalCase（如 class TodoList）
• 方法名：snake_case（如 handleSubmit()）
• 示例
  ✅ class App extends React.Component { ... }
  ❌ class app { ... }

5. 扩展阅读

• 想了解更多？可查看 React 官方最佳实践 🚀
• 或参考 React 项目结构模板 获取完整示例

遵循这些规范，你的 React 代码将更易维护！🔧✨