Javascript 使用create React app创建新React组件的最佳方法

我正在使用

createreact应用程序

。是否有一个命令来创建一个组件来构建文件

现在我正在手动创建文件。假设组件名为

Button

，我在组件文件夹中创建一个名为Button的文件夹，然后创建

Button.js

和

Button.css

文件

是否有使用create react app执行此操作的CLI命令？我知道有一种方法可以做到这一点，但我不知道React CLI的任何功能。

您可以使用它

---

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

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

---

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

您可以直接使用，而无需安装

它将根据您的项目首选项（例如：typescript、SCS等）安装组件

---

将创建一个名为

generate react cli.json

的文件，其中存储了所有设置以供将来使用。

这是否创建了一个组件？是的，例如键入

rcc

，然后点击tab以创建一个基本的react组件。我们仍然需要手动创建这些文件。应该是Angular的ng generate命令或实用程序。作为补充说明，第一次运行此命令（必须在根文件夹上）时，它将提示进行多个配置（例如是否使用typescript、css模块、是否需要测试文件、延迟加载等）。@phantomCoder此解决方案比其他解决方案更完整，因此，这应该是选定的答案。

npx generate-react-cli component MyComponent