反应功能和类组件

什么是React组件

react组件只是一个函数,该函数返回一个元素,该元素描述应该在屏幕上显示的内容。 有两种不同类型的React组件。 有功能组件和组件。

功能组件

功能组件只是基本功能。 它们返回应添加到用户界面的内容。 这是功能组件的示例。

在此示例中,我们看到该组件的设置与任何其他常规箭头功能一样。 它以“ props”作为组件通用的参数,该参数应始终为单词“ props”。 您还可以在函数中看到props对象的属性正在呈现到DOM。 此函数中的所有内容都包装在

中,因为组件只能返回一个元素。

类组件

类组件不同于功能组件,因为首先它是一个类。 其次,它们可以是构造函数。 第三,它们支持功能组件不支持的方法。 例如,类组件具有状态。 状态也可以通过使用方法“ set.State()”来更改。 下面是一个类组件的示例。

在上方,您可以看到该类是通过“扩展” react组件构成的。 构造函数使用’props’作为其参数(例如功能组件),但也使用’super()’来初始化一旦调用的关键字’this’。 在构造函数中设置了一个state属性。 还有一个通过在“ handleInputChange()”函数中使用“ set.State()”来更改状态的示例。 类也可以渲染,因为它几乎是组件的全部。

结论

如果您只想渲染一个元素,则应使用功能组件。 如果您想做的不仅仅是渲染,那么使用类组件绝对是可行的方法。