如何停止传播next内联函数

import React, { useCallback } from 'react';

const MyComponent = () => {
  const handleClick = useCallback(() => {
    console.log('Button clicked');
  }, []);

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

export default MyComponent;

const handleClick = () => {
  console.log('Button clicked');
};

const MyComponent = () => {
  return (
    <button onClick={handleClick}>
      Click me
    </button>
  );
};

export default MyComponent;

class MyComponent extends React.Component {
  handleClick = () => {
    console.log('Button clicked');
  };

  render() {
    return (
      <button onClick={this.handleClick}>
        Click me
      </button>
    );
  }
}

export default MyComponent;