React内联函数重新呈现问题

import React, { useCallback } from 'react';

function ParentComponent() {
  const handleClick = useCallback(() => {
    // 处理点击事件
  }, []); // 依赖项为空数组，表示函数引用不会发生变化

  return <ChildComponent onClick={handleClick} />;
}

function ChildComponent({ onClick }) {
  return <button onClick={onClick}>Click me</button>;
}

import React from 'react';

function handleClick() {
  // 处理点击事件
}

function ParentComponent() {
  return <ChildComponent onClick={handleClick} />;
}

function ChildComponent({ onClick }) {
  return <button onClick={onClick}>Click me</button>;
}