使用 create-react-app 创建新 React 组件的最佳方式

Best way to create new React component using create-react-app

我正在使用 create-react-app。是否有创建组件来搭建文件的命令。

现在我正在手动创建文件。假设组件名称是 Button，我在组件文件夹中创建一个名为 Button 的文件夹，然后创建 Button.js 和 Button.css 文件。

是否有任何 CLI 命令可以使用 create-react-app 执行此操作？我知道有一种方法可以做到这一点 Angular CLI 但对 React CLI 一无所知。

你可以使用 https://www.npmjs.com/package/generate-react-component，

这将帮助您创建状态和无状态组件，也称为功能组件和 class 组件。

另一种方法是手动创建文件并使用片段生成代码。

例如，看看这个JavaScript/React VS Code extension。如果您感兴趣，您还可以创建自己的代码片段或查找其他扩展。

无需安装即可直接使用generate-react-cli

npx generate-react-cli component MyComponent

这将根据您的项目首选项安装一个组件（例如：typescript、scss 等）。

将创建一个名为 generate-react-cli.json 的文件，其中将存储所有设置以供将来使用。