support useDeepCompareEffectDebounce

[ouzhou]

like
import { useDeepCompareEffectDebounce } from '@ant-design/pro-components';

[crazylxr]

你的场景是什么呢？

[github-actions]

Hi, ouzhou.

It seems that this issue is a bit vague and lacks some necessary information.

看起来这条 issue 描述得有些模糊，缺少一些必要的信息。

[ouzhou]

从名字上就能看出来，需要同时DeepCompare和Debounce
搜了一下发现pro-components自己单独实现了一个，感觉这里能不能多个hook组合使用

[github-actions]

Since the issue was labeled with needs more info, but no response in 3 days. This issue will be closed. If you have any questions, you can comment and reply.
由于该 issue 被标记为需要更多信息，却 3 天未收到回应。现关闭 issue，若有任何问题，可评论回复。

[crazylxr]

很多 hook 可能都需要防抖，这个正在考虑一种通用方法

[ouzhou]

// createCombine函数，用于组合多个Hooks
function createCombine(...hooks) {
return function combinedHook(...args) {
const results = [];
for (const hook of hooks) {
results.push(hook(...args));
}
return results;
};
}

// 使用createCombine创建useDeepCompareEffectDebounce
const useDeepCompareEffectDebounce = createCombine(useDeepCompare, useDebounce);

[crazylxr]

// createCombine函数，用于组合多个Hooks function createCombine(...hooks) { return function combinedHook(...args) { const results = []; for (const hook of hooks) { results.push(hook(...args)); } return results; }; }

// 使用createCombine创建useDeepCompareEffectDebounce const useDeepCompareEffectDebounce = createCombine(useDeepCompare, useDebounce);

对，类似这种，欢迎来个 PR

[zzy1661]

一个可能的场景：
const { leftSiderWidth, rightSiderWidth, footerHeight, isFoldedLeft, simulationModel } = useXXXStore();
const [_leftSiderWidth, _rightSiderWidth, _footerHeight] = useDebounce(
[leftSiderWidth, rightSiderWidth, footerHeight],
200,
);
该案例会循环触发render，因为每次render都会重新创建数组