标签[react-usecallback] - 堆栈内存溢出

如何使用 useEffect 和 useCallback 摆脱这个无限循环？ - How to get rid of this infinite loop using useEffect and useCallback?

我想立即加载第一批评论（使用useEffect ），然后在按下“加载更多”按钮时加载其他页面。问题是我当前的设置导致无限循环（由对comments的依赖引起）。如果我从useEffect依赖项列表中删除fetchNextCommentsPage function，一切似乎都正常，但EsLint ...

React usecallback 不遵守由子函数引起的依赖项更改 - React usecallback not honoring dependency change caused by child function

希望有人可以帮助我，我将不胜感激。我搜索了以前回答过的问题，但找不到完全像这样的东西。简而言之：我有一个 useCallback 反应挂钩，它呈现一组按钮。单击其中一个按钮时，我需要重新呈现整个功能以反映所需的更改。据我所知，我拥有实现此目标所需的所有依赖项，但它正在发生。当我通过其他操 ...

ReactJS：useMemo 钩子解决了我的无限重新渲染问题而不是 useEffect - ReactJS : useMemo hook fixed my infinite rerender issue instead of useEffect

没有 useMemo：无限重新渲染组件我遇到了以下代码编译成功但重新渲染组件无限次的问题，我在控制台中收到此错误： Warning: Maximum update depth exceeded. This can happen when a component calls setState ins ...

在组件道具中使用 React.useMemo 或 React.useCallback 好吗？ - Is good to use React.useMemo or React.useCallback inside component props?

我在考虑如何在 React 中编写 TailwindCSS cleaner。由于 Tailwind 是实用程序优先的，它使我们不可避免地以组件结束（例如： className="w-full bg-red-500" ）。所以，我试图创建一个这样的实用程序： utils/tailwind.ts ...

如何清理 useCallback 中的事件侦听器 - How to clean up event listener inside useCallback

一旦ref的节点可用，我就使用useCallback挂钩来设置路口观察者侦听器。我的问题是在组件卸载时杀死交叉点观察者的正确方法是什么？ ...

如果没有更改道具，如何防止重新渲染反应功能组件 - How can I prevent re render of react functional components if no props changed

描述：我在主组件的循环中导入了一个组件，每当我更新 state 时，循环的组件也会重新渲染。那么，如果没有对组件的 props 应用任何更改，我该如何阻止它们渲染呢？例如： ...

用于 function 的 useCallback，其中包含批处理的 redux 操作（来自 HOC）。我应该在依赖数组中放什么？ - useCallback for function that incorporates batched redux actions (from HOC). What shall i put in the dependancy array?

我有这个组件从跟随 HOC 中获得道具我认为将 onClickAway 侦听器放入 useCallback 可能是个好主意，这样它的实例就不会在每次渲染中重新创建。就像是但我不确定我必须将什么放入依赖数组中。应该是我使用的所有方法吗？就像是 ...

如何使用实用程序 class 实例来反应不同的组件并防止重新初始化，并且所有组件上只使用一个实例 - How to use a utility class instance in react different components and prevent reinitialization and only one instance is used on all components

我在一个单独的文件中有一个 class 和两个或多个需要使用 class 方法的不同反应组件一种方法是我最初在反应组件之外创建了一个 class 的实例，以防止重新渲染并重新初始化 class 但是对于另一个文件中的第二个反应组件，我将不得不像下面一样做同样的事情即使它不会在组件重新渲染时重新初始 ...

使用 React.memo 和 useCallback 时 State 未正确更新 - State is not updated properly when using React.memo and useCallback

我的问题很常见，但要弄清楚我的示例有什么问题并不容易。我有嵌套组件 Parent->Child1->Child2。 State 和 setState 在 props 中传递给子组件。我想避免在更新父组件时重新渲染子组件，并且我想避免在仅更改一项时重新渲染整个列表。这是我的示例ht ...

为什么在使用 useCallback 时使用 'ref' 而不是直接使用 useCallback - why use 'ref' when you use useCallback instead of using useCallback directly

我正在研究 React 项目，并且正在调查一些库。我发现他们使用的“useCallback”与我使用的不同。下面是代码部分。我仍然认为这段代码与直接使用“useCallback”没有区别所以我的问题是'useCallback hell'是什么意思？以这种方式使用“useCallback”有什 ...

设置 usestate 后如何运行函数并使用 state 值 - how to run functions after usestate is set and use the state value

我有一个运行 2 个异步函数的 function。第一个需要设置 useState 数据，以便第二个可以使用该数据。然后我试图获取该变量并将其传递给第三个 function。为了传递 state 变量，我使用了 npm use-between ，它的工作方式类似于 useState。但是，我 ...

我在 React 中使用 useCallBack 收到无效的钩子调用错误 - Im getting invalid hook call error with useCallBack in React

我在我的项目中遇到无效的钩子调用错误。并且是我的 OnpressCalendar function 错误截图有人帮我吗？ ...

如何使用 jsdoc 记录 useCallback？ - How to document useCallback with jsdoc?

如果我有我的箭头 function，包装在 React useCallback中，我应该如何用 JSDoc 记录它？const floopPig = useCallback((pigKey, floopCost) => { const pigAbility = pigs[pigKey]; ...

考虑使用 useMemo/useCallback 计算量大的时间限制 - Time limit to consider as computationally expensive for using useMemo/useCallback

根据包括React 文档在内的数十篇文章，使用useCallback和useMemo钩子有助于防止不必要的重新渲染。另一方面，这些性能优化挂钩不是免费的，而是需要付费的。他们的收益可能并不总能抵消该成本。以便大多数时候你不应该费心去优化不必要的渲染肯特 C说。多兹。所以应该有一个工具来衡量一 ...

如何正确修复 React Hook useCallback 缺少依赖项 - How to properly fix React Hook useCallback has a missing dependency

我在我的 React typescript 项目中使用airbnb更新了我的 Eslint 规则。我现在收到这些错误： React Hook useCallback 缺少依赖项：'setCookie'。包含它或删除依赖项 array.eslintreact-hooks/exhausti ...

React.memo 如何与 useCallback 一起使用 - How React.memo works with useCallback

据我了解，React.memo 是一个用于记忆组件的 API：如果它的 props 没有改变，则 react 使用该组件的最新渲染，而不将其与之前的版本进行比较。跳过新渲染并与旧渲染进行比较可以加快应用程序的速度。凉爽的。现在，这是我没有得到的：如果道具没有改变，那么一个未记忆的组件也不会被 ...

在 useCallback 中包装函数 - Wrap function in useCallback

在下面的代码片段中，我想将此函数移出 jsx 并包装到 useCallback 中。否则，将为每个渲染上的每个元素创建一个新函数。我知道这可能会使代码复杂化，并且可能不可取。但我必须这样做。我征求你的意见 ...

在 useCallback 挂钩中使用 Axios 时反应功能组件无限重新渲染？ - React functional component re-rendering infinitely when using Axios in useCallback hook?

这是一个文件上传组件，一切正常，但是，当尝试在 useCallback 中使用 Axios 发布文件时，如果 Axios 出现错误， ProgressBar组件会无限重新渲染。如果我注释掉 Axios 帖子，组件不会无限重新渲染。如何避免ProgressBar组件的无限重新渲染？ ...

为什么在 Child 中没有发生对 Parent 中 state 的 useEffect 更改？ - Why is the useEffect changes to state in the Parent not happening in the Child?

下面是一个 FileUploader 组件（父），它在添加文件时呈现 ProgressBar（子）。我打算传入 FileReader onprogress，以便进度条的宽度从 0 变为 100。为了测试，我制作了一个从 0 到 100 的 useEffect 计数器。我已确认计数器状态正在由 co ...

访问记忆函数中更新的上下文 - Access to updated context inside memoized function

我创建了一个需要访问我的 AppContext 组件的组件（用于 websocket 通信，作为反应上下文）。 WebSocketContext 组件使用useCallback和useMemo ，因此每次重新渲染 AppContext 时都不会重新创建 websocket 连接。我无法弄清楚 ...