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

Question

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

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

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

Answer 1

不用安装generate-react-cli就可以直接使用

npx generate-react-cli component MyComponent

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

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

附带说明一下，第一次运行此命令（必须在根文件夹中）时，它会提示您输入几个配置（例如，您是否使用打字稿、CSS 模块、是否需要测试文件、延迟加载等）。 (3认同)
@phantomCoder 这个解决方案比其他解决方案更完整，因此应该是选定的答案。 (3认同)

Answer 2

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

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

Answer 3

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