Reactjs React组件是一个函数而不是一个类

因此，我正在尝试学习

ReactJs

（我有AngularJs的背景），但在学习教程时遇到了困难

要创建项目，请运行以下命令：

npx创建react应用程序名称

然后在教程中，

App.js

是类。但当我运行该命令时，我的是一个函数

教程App.js

class App extends Component {
render() {
return (
  <div className="App">
    <h1>Hello, world!</h1>
  </div>
);
}
}

function App() {
return (
<div className="App">

</div>
);
}

类应用程序扩展组件{
render（）{
返回(
你好，世界！
);
}
}

我的App.js

class App extends Component {
render() {
return (
  <div className="App">
    <h1>Hello, world!</h1>
  </div>
);
}
}

function App() {
return (
<div className="App">

</div>
);
}

函数应用程序（）{
返回(
);
}

---

这一部分让我很困惑。

有不同的方法来编写相同的代码：函数组件和类组件。
当类组件支持React组件的整个生命周期时，函数组件实际上只是呈现函数。
您可以在此处了解差异：

在React的最新版本中，出现了一个名为Hooks的新功能，它允许您在function component中执行所需的所有操作：

---

希望这有帮助：）

React组件可以是类，也可以是函数。这对双方都有效。使用类组件的优点是，它为组件提供了更多的功能，如状态、生命周期方法。这些组件通常很复杂。另一方面，函数组件非常简单，需要学习。 还可以使用以下方法将功能组件转换为类组件：

---

希望这有帮助

您可以用两种方式编写组件，这可能只是他们在教程中使用的react版本。你的是最新的。但正如John所说，您可以用两种方式编写组件。感谢您的回答，react的方向似乎是指向

hooks