React.js：函数式组件

你好，我叫托尼，是。 您将在这些课程中学到有关功能的知识。 组件、结构和挂钩。 在本课中，我将向您展示什么是功能组件。 现在，不久前，功能组件是 与同类产品相比，被认为是较小的组成部分 为基础的对应方。 那是因为基于类的组件被认为是 完全的。 他们可以访问诸如状态之类的东西。 共功能组件被认为是无状态的 更轻量级的组件。 但随着最近添加了诸如 UseState 和 其他钩子，例如 UseEffect，进一步暴露了功能 生命周期函数的组件，否则会 仅适用于其基于班级的对应人员。 我们按顺序看一下我们使用的父组件 呈现我们的应用程序。 现在，首先也是最重要的，我们可以看到。 我们正在使用两个称为 UseState 的特殊函数。 它们是由 React 小组提供给我们的 他们暴露了 一个功能组件。 原本只能用于的功能 它在以前版本的 React 中基于类。 所以，因为我们使用的是 usetate 函数，所以该函数 很特别。 它被称为钩子。 有一些来自的函数。 React 以外的 React 组，以及何时。 它们在函数内部使用。 组件，他们将该功能组件暴露给。 相同的功能，否则只能 仅限于其基于类的对应项。 现在，基于功能的组件意味着非常 柔韧的。 你可以看到我们的父组件没有。 当然，接受任何道具都是有原因的。 但例如，我们使用的较小组件或子组件 在我们的父组件（应用程序组件）内部，确实接收 一些道具。 不是必须的，但是确实很有用 在功能组件中。 自从引入钩子以来，基于类的组件已经 或多或少已经在React生态系统中消失了。 如果你正在处理一个。 本质上比较新的框架，你可以看到那个类 基于组件正在被功能组件所取代 成分。 这有很大关系。 性能，以及物品在经过一段时间后的吊装方式 捆绑包已构建。 我们现在不打算讨论所有这些。 但我们只能说功能组件是 更现代的相当于基于阶级的对应物。 尽管基于班级的仍然很普遍并且 正在使用，功能齐全。 由于组件现在变得更加突出。 React 小组最近引入了 hooks。 在下一课中，我们将看看什么 钩子是什么以及我们还可以拥有哪些其他生命周期函数 通过使用钩子暴露给我们。 感谢您的观看。