反应：根据传递给所述函数的参数记忆函数答案

【问题标题】：react: memoize a function based on a parameter passed to said function反应：根据传递给所述函数的参数记忆函数
【发布时间】：2022-11-12 19:14:14
【问题描述】：

我正在尝试在 React 组件中使用 lodash's throttle 进行其他调用。这是我目前拥有的：

const requestDetails = useCallback(
    throttle((someId: number) => {
      dispatch(...);
    }, 30000)
, []);

我正在努力使requestDetails(someId) 最多每 30 秒运行一次dispatch，对于每个通过的someId。

因此，我需要为每个someId 返回一个不同的throttle 函数。但是，上面的代码不起作用：我认为这是因为只有一个 throttle 函数在幕后创建，因此 throttle 对于所有调用只会每 30 秒运行一次，而不是每 @987654330 @。

谢谢！

【问题讨论】：

【解决方案1】：

我建议使用useRef 来保持节流功能并调用useEffect 来收听someId 的变化

const throttleRef = useRef(throttle((someId: number) => {
      dispatch(...);
    }, 30000))

useEffect(() => throttleRef.current(someId), [someId])

【讨论】：