何时使用类组件以及何时使用功能组件

Question

我是新来的人。当我去面试时，他们问我何时使用类组件以及何时使用功能组件？我不知道这个问题的答案。我知道两者之间的区别二。如何最好地回答这个问题？

Answer 1

在当前的后钩时代，答案很简单：您始终使用功能组件。

Answer 2

简单解释一下区别。您说您知道区别是什么，所以告诉他们区别是什么。

Answer 3

当您需要保持组件级状态或使用生命周期组件时，请使用类组件。但是，功能组件现在可以通过hooks使用状态和某些生命周期方法，因此这取决于个人喜好。

功能组件被认为比类容易阅读且代码更少。它们应在presentational组件（处理事物外观而不是工作原理的小型组件）中使用。

Answer 4

何时使用功能组件（无状态）

• 功能组件是基本的JavaScript功能。这些通常是箭头功能，但也可以使用常规功能关键字创建。

• 有时被称为“哑”或“无状态”组件，因为它们仅接收数据并以某种形式显示它们；那就是他们主要负责呈现UI。

• 反应生命周期方法（例如WeightData）不能在功能组件中使用。

• 功能组件中没有使用渲染方法。

• 这些主要负责UI，并且通常仅用于演示（例如Button组件）。

• 功能组件可以接受和使用道具。

• 如果您不需要使用React状态，则应该优先使用功能组件。

何时使用基于类的组件（有状态）

• 类组件利用ES6类并在React中扩展UrlMappings类。
• 有时称为“智能”或“有状态”组件，因为它们倾向于实现逻辑和状态。
• 可在类组件（例如componentDidMount）内部使用反应生命周期方法。
• 您将道具传递给类组件，并使用Component