当我尝试使用由props传递的函数时，为什么preventDefault停止工作？

class ParentComponent extends React.Component {
  handleClick = (event) => {
    event.preventDefault();
    // 处理点击事件
  }

  render() {
    return (
      <ChildComponent onClick={this.handleClick} />
    );
  }
}

const ChildComponent = (props) => {
  return (
    <button onClick={props.onClick}>点击我</button>
  );
}

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick(event) {
    event.preventDefault();
    // 处理点击事件
  }

  render() {
    return (
      <ChildComponent onClick={this.handleClick} />
    );
  }
}

const ChildComponent = (props) => {
  return (
    <button onClick={props.onClick}>点击我</button>
  );
}