react 如何创建文件
在 React 项目中创建文件
React 项目通常使用文件来组织组件、样式和逻辑。以下是常见的文件创建方式：
使用命令行工具创建文件 在项目根目录下运行以下命令创建新文件：
touch src/components/MyComponent.js手动创建文件
- 在项目目录中右键点击目标文件夹（如
src/components） - 选择"新建文件"
- 输入文件名（如
MyComponent.js）
创建 React 组件文件
典型的 React 组件文件结构：
import React from 'react';
const MyComponent = () => {
return (
<div>
<h1>Hello World</h1>
</div>
);
};
export default MyComponent;创建样式文件
可以创建单独的 CSS 文件：
/* MyComponent.css */
.container {
padding: 20px;
}然后在组件中导入：
import './MyComponent.css';创建测试文件
常见的测试文件命名模式：
touch src/components/MyComponent.test.js测试文件基本结构：
import React from 'react';
import { render } from '@testing-library/react';
import MyComponent from './MyComponent';
test('renders correctly', () => {
const { getByText } = render(<MyComponent />);
expect(getByText(/hello world/i)).toBeInTheDocument();
});使用脚手架工具创建文件
Create React App 和其他脚手架工具通常提供生成器：
npx generate-react-cli component MyComponent这将自动创建组件文件及其关联的样式和测试文件。
