如何配置create-react-app以创建具有类而不是功能的应用?

时间:2019-04-24 14:11:54

标签: javascript reactjs create-react-app

我对React很陌生,并且面临一个小问题。我已经在网上搜索,但找不到答案。 简而言之,我正在关注一个YouTube教程以学习React,但我发现有些烦人。当我使用create-react-app创建一个新应用程序时,app.js使用的是App()函数,而不是类。我知道React可以用两种方式编码,但是我想使用类。有什么方法可以配置create-react-app来创建带有类的React应用程序?例如在CLI上添加参数,或者更改设置页面上的选项(我找不到)。

谢谢!

我现在使用create-react-app有什么:

function App() {}

我想要什么:

class App extends Component {}

3 个答案:

答案 0 :(得分:1)

您正在观察的内容无法通过配置进行调整。他们将create-react-app中的App.js生成从类更改为使用commit e4fdac2commit b424737的功能。您使用的create-react-app版本比观看的视频要新。两种语法均有效,这取决于您是否需要状态,但是您必须自己更改代码才能使用App.js中的前一类语法。

答案 1 :(得分:1)

如果您希望create-react-app生成类而不是函数,则需要使用以下命令来使用较早的脚本版本创建App。

create-react-app my-app --scripts-version react-scripts @ ^ 2

答案 2 :(得分:1)

实际上,您的问题有解决方案。您只需要较早版本的react-scripts,您的项目配置将退回到使用类。创建项目时,请使用以下命令:

create-react-app [Project Name] --scripts-version 2.0.3