Reactjs create react app在app.js中生成函数而不是类

我正在尝试使用create react app命令创建react app， 它将App.js文件作为函数生成（不带类的es5语法） 而不是类（以下代码中的示例）：

---

如何强制CreateReact应用程序生成类？

这是生成新项目时的默认文件

---

指向已复制文件的链接。我相信旧版本的CRA确实有类，但就强制CRA使用类生成文件而言，目前还没有设置这样做。

要回答您的问题，您不能强制create react app生成类，但您可以使用旧版本的包。模板将从复制到新创建的项目中，而不是生成

---

要添加的快速项，该类是在以前的版本中作为箭头函数生成的。他们对您看到的内容进行了更改，以使Create React应用程序与React文档保持一致

您可以轻松地将其更改为如下类：

import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <p>
            Edit <code>src/App.js</code> and save to reload.
          </p>
          <a
            className="App-link"
            href="https://reactjs.org"
            target="_blank"
            rel="noopener noreferrer"
          >
            Learn React
          </a>
        </header>
      </div>
    );
  }
}
export default App;

---

不要自寻烦恼，手动更改即可

class App extends Component {
  render() {
    return (
      <div className="App">
        <h1> My first react project</h1>
      </div>
    );
  }
}

export default App;

类应用程序扩展组件{
render（）{
返回(
我的第一个项目
);
}
}
导出默认应用程序；

是的，现在days react的功能组件要好得多，我们不需要更多的类组件。您可以使用钩子来创建状态等等

查看文档：

---

是的，默认情况下，您实际上可以使用create react app生成基于类的组件，但您必须指定以前版本的脚本（他们在版本3.0中将其更改为功能组件-请参见此处：）

因此，这应该是可行的：

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

---

你的说法是什么

create react app-V

Hi，感谢您的快速回复，我有3.0.1版，只需将其更改为类即可。问题是什么？如果你需要帮助，请更新你的问题。为什么这很重要？它们是等价的，在它们之间切换相对容易（例如IntelliJ/WebStorm可以为您做到）。@NadavShabtai我认为您应该为代码编辑器安装react snippets扩展，这样您就可以轻松创建类或其他东西。

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