react 如何创建文件
在 React 中创建文件
React 项目通常使用文件来组织组件、样式和逻辑。以下是几种常见的文件创建方式：
使用命令行工具创建文件
在项目根目录下运行以下命令可以快速创建文件：
touch src/components/MyComponent.js手动创建文件
通过文件资源管理器或 IDE 直接在项目目录中新建文件。React 项目常见文件结构包括：
- 组件文件：
.js或.jsx扩展名 - 样式文件：
.css或.scss扩展名 - 测试文件：
.test.js扩展名
使用代码片段快速生成
多数现代 IDE 支持代码片段功能，可以快速生成 React 组件模板。例如在 VS Code 中：
- 新建
.js文件 - 输入
rfc并回车生成函数组件模板 - 输入
rcc并回车生成类组件模板
通过脚手架工具创建
Create React App 等工具在项目初始化时会自动创建基础文件结构：
npx create-react-app my-app文件命名规范
建议遵循以下约定：
- 组件文件使用 PascalCase 命名（如
MyComponent.js） - 非组件文件使用 camelCase 命名（如
apiService.js） - 测试文件与对应文件同名但加上
.test（如MyComponent.test.js）
组件文件基本结构
典型的 React 组件文件包含：
import React from 'react';
function MyComponent() {
return <div>Hello World</div>;
}
export default MyComponent;
