自定义钩子的反应目的

时间:2020-12-19 21:39:43

标签: reactjs react-hooks

我试图弄清楚在 custom hooks 只是一个函数时引入它的目的是什么。如果我采用以下示例 https://medium.com/from-the-scratch/react-custom-hooks-a-simple-intuition-if-you-still-cant-hit-it-off-8d27fa4ba10,如果我不使用 use 前缀作为钩子,它仍然可以正常工作。随着这个名为 custom hooks 的术语的引入,我不确定它的用途是什么,或者我应该继续使用标准函数。

除了一些简单的 linting 功能外,将 use 前缀用于 custom hook 或函数时,我获得的主要优势是什么?

3 个答案:

答案 0 :(得分:2)

<块引用>

将 use 前缀用于 a 时,我获得的主要优势是什么? 除了一些简单的 linting 功能之外,还有自定义钩子或函数吗?

原因在docs中说明:

<块引用>

我是否必须以“use”开头命名我的自定义 Hook?请做。这 约定非常重要。没有它,我们将无法 自动检查是否违反 Hooks 规则,因为我们 无法判断某个函数是否包含对 Hooks 内部的调用

答案 1 :(得分:-1)

没什么。它们之间没有区别。 useFoo 函数只是一个函数。在源码中,没有特别处理。只是有点复杂,但和普通函数没有区别。

use 前缀只是一个术语,或者只是文化,你是否遵守它是托付给你的。当然,服从文化会给我们带来好的结果。但是这个和那个没有关系。自定义钩子只是函数。

答案 2 :(得分:-1)

用非常基本的话来说:您可以在组件之间重用有状态逻辑,而常规函数则无法实现。我建议你阅读文档,因为 ReactJS 有一个很好的 :) 保持安全