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

时间:2018-08-21 05:19:01

标签: javascript reactjs create-react-app

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

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

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

3 个答案:

答案 0 :(得分:15)

您可以直接使用而无需安装generate-react-cli

npx generate-react-cli component MyComponent

将根据您的项目首选项(例如:打字稿,scss等)安装组件。

将创建一个名为generate-react-cli.json的文件,所有设置都将存储在该文件中以备将来使用。

答案 1 :(得分:1)

您可以为此使用https://www.npmjs.com/package/generate-react-component

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

答案 2 :(得分:1)

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

例如,看看这个JavaScript/React VS Code extension。您也可以创建自己的摘录,也可以根据需要查找其他扩展。