安装React之后，我在Apps.js文件中找不到扩展组件

Question

我按照https://www.w3schools.com/react/react_getstarted.asp中的安装指南在系统上安装React。但是在安装之后，我按照他们的指示打开App.js文件，只是发现我自己的Apps.js具有

function App() { ... }

而在w3schools网站上显示的那个已经

class App extends Component { ... }

请问我的安装有问题吗？

Answer 1

class只是一个特殊功能，extends表示它正在使用另一个函数的其他属性。

只需将functionApp(){..}更改为class App extends Component{..}

以及添加

import React, { Component } from 'react'

位于页面顶部，它的工作原理应该完全相同。

Answer 2

您需要进一步挖掘以了解这两个组件的确切知识，因为它们同等重要。 基于类的组件是基于状态的组件，这意味着您可以更改状态（相应地更改数据）

  

类应用程序扩展了React.Component {...}

但在功能组件中

  

功能App（props）{...}

您不能在此处直接更改数据，而无论props值中包含什么内容，您都可以证明它被称为无状态组件。如果要编写不具有其自身状态的表示性组件，则应使用功能组件。需要访问生命周期挂钩。否则，您可以坚持使用类组件

有关更多信息：https://medium.com/@Zwenza/functional-vs-class-components-in-react-231e3fbd7108 https://programmingwithmosh.com/react/react-functional-components/

Answer 3

否，您的安装没有问题。 React基本上有两种类型的组件：类和函数。使用create-react-app创建的一个是Function组件，而w3schools在大多数教程中使用Class组件。您可以在这里找到有关它们的更多信息：W3Schools: React Components

了解这两种方法，并根据用例随意使用。