reactjs - 我应该记住自定义 Hook 中的函数吗？

Question

我有计数器组件。我用自定义钩子(Hook)封装了业务逻辑。我应该通过 useCallback 来优化函数吗？如果有input onchange handler，情况会一样吗？

const increment = () => {
    setCount(count + 1);
};

↓

const increment = useCallback(() => {
    setCount(count + 1);
}, [count]);

Sand

Answer 1

假设 count 和 setCount 来自 const [count,setCount] = useState(0) 那么您应该按以下方式使用回调，以便增量函数在组件的生命周期中保持不变:

const increment = useCallback(() => setCount(count => count + 1),[]);

当计数发生变化时，您不需要重新创建增量，因为您可以将回调传递给状态 setter 函数。