用于将功能作为依赖性依赖性的用例中的用例

Question

我开始学习做出反应，并遇到了代码片段，该代码段作为使用效率的依赖项数组传递。我想知道该功能通过作为依赖性传递的用例，为什么我们需要将功能作为依赖项传递？

Answer 1

首先：仅当 useffect 回调中的代码使用该函数时，这才有意义。因此，让我们将其作为基准。 :-)

从根本上讲，您会这样做，因此 usefect 回调中的代码使用该函数的最新版本。

以下是一些重要的示例：

• 该功能是道具。由于您的代码不知道为什么要获得该函数的新版本，因此重要的是，使用该功能的最新版本重新运行效果。
• 该函数使用其关闭的状态信息（而不是使用状态设置器的回调形式）。如果您没有通过更新的功能重新运行效果，则该功能将使用过时的状态信息。 （但是我不会那样做。相反，我会使用状态设置器的回调形式。）

可能还有其他功能功能。

Answer 2

我还在学习反应和这篇文章了解 useffect 的依赖关系数组中的功能。

在中函数使用 < < /a>

函数是对象。它像对象一样具有自己的身份。每次都会重新呈现其状态的组件变化。当组件重新渲染时，组件内定义的函数将获得新的身份。

我做出了一些清晰的代码示例。文章中的示例尚不清楚我无法理解。使用“控制台”选项卡查看控制台日志。

Answer 3

这取决于使用效果的使用和函数的定义。基本上，如果您在 useffect 数组中添加一个函数，则每次函数都会更改，或更准确，它的引用，您的效果将被新功能引用再次调用。

如果您想始终使用最新功能，这很好，但也可能很棘手。如果传递的函数是在组件内定义的，则意味着在每个组件上渲染该函数都将被重新定义，这意味着您的效果将对每个组件渲染进行调用。有时可能很重，取决于您的效果。

但是，如果定义函数的组件使用 usecallback ，则仍然可以避免它。这样，该函数将具有自己的依赖关系数组，并且只有在您决定需要时才重新定义（并更改参考）。

Answer 4

我有一个很好的用例，其中函数Current（）返回当前语言代码，该语言代码是在另一个Utils模块中定义的函数，而不是内联函数定义了React组件本身

useEffect(() => {
      setTimeout(() => setButtonText('TXT_BUTTON_SEARCH_ANON'), 20000)
    }, [current()])

，我确实从Console中遇到了这样的错误：

警告：最终的参数传递给使用效应的大小在
渲染。该数组的顺序和大小必须保持恒定。

上一个：[no] incoming：[no，function（）{
settimeout（function（）{
返回setButTontext（'txt_button_search_anon'）;
}，20000）; }，0]
在内外