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

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

如果这个 React setter 应该是一个陈旧的闭包,为什么它会起作用? - Why does this React setter work if it should be a stale closure?

我在 function 下面有这个。我的随机化 function 在渲染中是相同的,因为我将它包装在 useCallback 中。 当我单击随机化按钮时,它会重新呈现我的应用程序。 然而,当我点击那个按钮时,由于randomize被记忆了,我不使用旧的setNum function 吗? 这是如何 ...

React 惯用的受控输入(useCallback、道具和范围) - React idiomatic controlled input (useCallback, props and scope)

当我发现我的输入失去了对每个按键的关注时,我正在构建一个很好的旧读取-获取-建议查找栏。 我了解到,因为我的输入组件是在包含它的 header 组件内定义的,所以对 state 变量的更改会触发父组件的重新渲染,而父组件又会重新定义输入组件,从而导致该行为。 useCallback 用于避免这种 ...

如何在单击按钮时获取函数计算的值 - How to get value which function calculates while clicking on button

我点击一个按钮,它应该做的是触发一个函数并在对象内部添加一个新属性,该对象位于多个对象的大数组中,并最终返回一个新数组,我只想知道我们如何使用它该函数返回的新数组? 我正在使用这个函数来触发更改我传递给它的数组,但我不确定如何取回这个值。 提前抱歉愚蠢的问题我是新来的。 我想使用 newTiles, ...

increaseSecondState function 正在重新渲染子组件,即使我没有将它作为道具传递给子组件 - The increaseSecondState function is re-rendering the child component even when i didn't pass it as a prop to the child component

我没想到子组件会重新渲染,因为我没有将 increaseSecondState function 作为 prop 传递给子组件。 因为我们都知道在子组件上使用 React.memo 后,它可以重新渲染的唯一方法是它的 prop 发生变化。 ...

State 在交叉点观察者的回调 function 中的管理问题 - State management issue within intersectionObserver's callback function

我正在尝试使用 state 管理当前页面的索引,同时实现无限滚动。 我写了上面的代码,但是useEffect运行了1次、2次、3次等,增加了1,state更新没有正确完成。 如果您能告诉我如何在 intersectionObserver 的回调 function 中引用和更新最新的 state 值, ...

每次将 function 传递给子组件时都需要 useCallback 吗? - Is useCallback needed every-time a function is passed to a child component?

我试图更好地了解在将函数传递给子组件时何时何地需要 useCallback。 我在我的父组件中声明了一个 function ,它完全重定向到不同的页面。 触发按钮单击 我将它传递给一个子组件,该组件也呈现相同的按钮 触发 onClick 因为这个 function 在触发时只是一个重定向。 这里需 ...

用于 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 可能是个好主意,这样它的实例就不会在每次渲染中重新创建。 就像是 但我不确定我必须将什么放入依赖数组中。 应该是我使用的所有方法吗? 就像是 ...

使用 React 道具作为 function 参数 - Use React props as a function argument

我想检查这是否是好的做法,以及是否有更好的方法。 我有一个 function 在组件加载和单击几个按钮时被调用,所以我需要在 useEffect 中使用它,并将其传递给其他组件。 我可以使用useCallback,但我不明白这种方法是如何不够的,因为可以调用getWeatherHere的组件也需要i ...

即使使用 useCallback,在组件安装中也会调用 UseEffect 两次 - UseEffect is called twice in component mounting even when using useCallback

我有以下问题。 我有一个组件需要在安装时调用 API。 我在 useCallback 中进行调用,如下所示: 然后我在 useEffect 中调用这个 function ,如下所示: 问题是,即使使用 useCallback,消息也会在控制台中显示两次,我已经看到这将是唯一的选择。 我知道 Stri ...

为什么我的卡片列表组件在每次更改时都会重新渲染 - Why does my Card List Component Re-renders on every change

我确实了解 useEffect,也许并不完全了解,但由于一些警告,我使用 useCallBack 重新构建了一些函数,这似乎解决了警告问题。 问题是我不完全理解 useCallBack,而且由于时间紧迫,我无法阅读文档并正确理解它。 因此,每次更改时,我都会再次重新渲染相同的列表这是我的代码: ...

使用回调失败记忆 - Usecallback fail to memorization

我有以下代码,其中父组件的更改导致子元素重新呈现。 基本上,菜单组件应该通过右键单击占位符标签的顶部出现,但是当它出现时,整个父组件会闪烁。 我使用 Usecallback 没有运气。 我试过 useMemo 但它不接受任何 arguments。由于我的回调函数是作为事件的结果触发的,因此传递事件的 ...

React useEffect 导致函数运行 7 次。 我正在使用 useCallback 但它仍然运行很多次 - React useEffect causing function to run 7 times. I am using a useCallback but it still runs to many times

带有 console.log("running") 的 updateAddedState 函数在页面刷新/初始渲染中运行了 7 次。 我只希望 updateAddedState 函数在 addedItems 状态更新时运行一次。 我只在实际 addedItems 状态发生变化时运行 useEff ...

React Hooks useCallback 和 useEffect 导致反应应用程序中的无限循环 - React Hooks useCallback and useEffect causes infinite loop in react application

(我可以从 useEffect 依赖项中删除 getUser 并删除 useCallback ,这将完美地工作)但我想尝试将 getUser 置于 useEffect 依赖项中,同时需要将 getUser 包装在 useCallback 中。 在 useCallback 依赖项中,我将 set ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM