React Hooks useCallback 导致子进程重新渲染

使用React Hooks中的useCallback可以帮助我们优化性能，避免不必要的重新渲染。当在父组件中使用useCallback来包裹传递给子组件的回调函数时，可以确保子组件只在依赖项发生变化时才重新渲染。这是因为useCallback会在依赖项改变时返回一个新的回调函数，从而避免了不必要的重新渲染。

jsx
import React, { useState, useCallback } from 'react';
const ParentComponent = () => {
  const [count, setCount] = useState(0);
  const handleClick = useCallback(() => {
    setCount(count + 1);
  }, [count]);
  return (
    
      
父组件
      
Count: {count}
      
    
  );
};
const ChildComponent = ({ handleClick }) => {
  console.log("子组件重新渲染");
  return (
    
      
子组件
      增加Count
    
  );
};
export default ParentComponent;