你在 React 中使用自定义钩子吗？

自定义挂钩是帮助我们在组件外部创建和维护功能的方法，这些功能可以在应用程序中的各个组件之间重复使用和调用。
听起来是不是很熟悉？是的，它们基本上是 util 函数，当我们在 hooks 风暴之前或什至开始使用 React 或 Angular 等库之前工作时，我们倾向于将其保留在 utils.js 中。

此外，这是 S.O.L.I.D 原则中依赖倒置的一个正确示例。

这里我们没有将它们作为函数保存在 js 文件中，而是将它们作为可以在组件顶部调用的钩子。

为什么要使用自定义钩子？

随着应用程序规模的增长，抽象出可重用组件外部的逻辑非常重要。它帮助我们提高代码的模块化程度。通过将此类逻辑移到外部，您可以将许多组件简单地保留为表示组件。

通过创建自己的自定义挂钩，您可以避免使用外部库来添加新功能，从而节省空间和维护成本。

由于自定义钩子旨在像内置钩子一样在组件顶部使用，因此您可以在同一内部使用 useState、useEffect 甚至自定义钩子。

创建钩子时要记住的要点

• 以“use”关键字开头。
• 牢记坚实的原则——钩子应该只做一件事。
• 预先定义参数的类型 — 如果是 typescript — 很好。
• 应该仅在您正在使用的组件的顶部使用
• 不要添加认为将来可能会出现的新参数或选项。保留扩展空间；当有需要时，我们可以扩展钩子的能力

完整文章请访问medium blog。

以上是你在 React 中使用自定义钩子吗？的详细内容。更多信息请关注PHP中文网其他相关文章！