也许我误会了一些东西，但是useCallback Hook每次重新渲染时都会运行。
我传递了输入-作为useCallback的第二个参数-不可更改的常量-但返回的备忘录化回调在每次渲染时仍运行我的昂贵计算（我很确定-您可以在下面的代码段中自行检查）。
我已经将useCallback更改为useMemo，并且useMemo可以按预期工作，在传递的输入更改时运行。并真正记住了昂贵的计算。
'use strict';
const { useState, useCallback, useMemo } = React;
const neverChange = 'I never change';
const oneSecond = 1000;
function App() {
const [second, setSecond] = useState(0);
// This expensive function executes everytime when render happens:
const calcCallback = useCallback(() => expensiveCalc('useCallback'), [neverChange]);
const computedCallback = calcCallback();
// This executes once
const computedMemo = useMemo(() => expensiveCalc('useMemo'), [neverChange]);
setTimeout(() => setSecond(second + 1), oneSecond);
return `
useCallback: ${computedCallback} times |
useMemo: ${computedMemo} |
App …我试图了解用React的useCallback钩子代替钩子的用例是什么useEffect。
它们似乎都充当其输入的状态更改的侦听器（示例取自React Docs）：
useEffect(
() => {
const subscription = props.source.subscribe();
return () => {
subscription.unsubscribe();
};
},
[props.source],
);
const memoizedCallback = useCallback(
() => {
doSomething(a, b);
},
[a, b],
);
但是，该useEffect钩子还具有清理资源的额外好处，而您以前可能会使用componentWillUnmount。
那么，有什么好的用例useCallback呢？而且，我在这里想念什么？