问题标签 [usecallback]

如果我调用 useCallback 方法来更新其依赖数组中的 redux 存储值，我会立即获得更新的值还是在下次调用该方法时获得更新的值？

例如，如果value本例中的 是5当我调用该方法时，我会记录 5 还是 10？

我认为如果更新足够快，可能会出现这种情况，但我想知道预期的行为是什么。

我在浏览器的本地主机端口上收到一条错误消息，我还没有部署我的代码：

TypeError: Object(...) 不是函数

NewEvent src/events/pages/NewEvent.js:51

这是我在 package.json 中的反应版本：

我在我的页面中导入了 NewEvent.js ：

在同一页面中，我在一个函数中嵌套了另一个函数：

浏览器中显示的问题是以下行：

当有多个函数时，useCallBack 应该停止代码循环。我在其他帖子中在线查看它似乎与反应版本有关，但我不确定并且很困惑。

这里是控制台中的消息：

浏览器上显示的消息：

请问有人知道这个问题吗？

-- 抱歉我的帖子很长 -- :D

我需要实现一个长列表，长列表中的每一项在onClick的时候都会触发一个新的函数，因为这个函数每次渲染都是不变的，所以我想用useCallback来优化它，这个返回的函数Fn需要通过在参数中，那么我应该使用bind在onClick中传递参数吗？

这是我的第一个问题，如有错误请见谅，谢谢。

有关于什么是 useCallback 以及必要时使用它的文章。但是在一个大型项目中，很难理解何时开始使用它。因此，如果我将它用于每个用例，它会影响应用程序的性能吗？

有人可以发现错误，UI 没有呈现，我尝试通过 formatTime作为依赖项传递给，useEffect但它的行为非常烦人。

观察：有时它在页面重新加载时起作用但有时它不重新呈现视图不一致

我是 React 钩子的新手，并且遇到过这段代码：（ const multiply = useCallback((value: number) => value * multiplier, [multiplier]); 来自https://medium.com/@jrwebdev/react-hooks-in-typescript-88fce7001d0d）

这让我和报告此错误的 Visual Studio Code 感到困惑： Cannot find name 'multiplier'. Did you mean 'multiply'?ts(2552)

我觉得我对 Typescript 相当了解，但我不明白 [multiplier] 或如何解决这个问题。我想这是正确的打字稿（它似乎确实可以编译）。有人可以向我解释这种语法是如何工作的以及如何让 Visual Code Studio 接受它吗？或者是否需要修复？

这很可能是一个愚蠢的问题——我的理解是任何触发副作用的东西都应该用useEffect. 我想知道这种理解是否正确。useCallback特别是在进行 API 调用的情况下——在挂钩中进行 API 调用是否很好？

我在道具中传递了 renderProps 函数。我想用 useCallback 包装它，所以优化的子组件不会在函数创建时重新渲染。

使用 useCallback 包装函数时，出现此错误：

无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一而发生：

1. 你可能有不匹配的 React 版本和渲染器（例如 React DOM）
2. 您可能违反了 Hooks 规则
3. 你可能在同一个应用程序中拥有多个 React 副本

以上均不适用于我的情况。

我在 React FunctionComponent 中有以下模式的代码：

在上面的代码中，someArray 元素总是与 someAttribute 匹配。但问题是 MyComponent 总是呈现 ComponentNotFound 因为 isFound 在最后一行（返回语句）总是评估为 FALSE。

我能够通过下面的重构来解决这个问题（插入一个中间变量，但总体逻辑保持不变）：

使用此代码的第二个版本，isFound 在最后一行正确评估为 TRUE，并且 MyComponent 正确呈现 FoundMatchingComponent。

您能否解释一下为什么第一个版本不起作用，而第二个版本起作用？

我的猜测是第二个版本中的中间变量为 React 提供了足够的时间在 return 语句中正确评估 isFound 变量，但我不相信这是解释。任何关于改进我上面的代码的建议也将不胜感激。谢谢。

在组件 A 中：

在 A 的 B 子组件中：

getOnClick不叫