如何在React中阻止内部onClick事件传播到外部onSubmit事件？

import React from 'react';

class FormComponent extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    console.log('Form submitted');
  };

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

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <button type="submit" onClick={this.handleClick}>
          Click me
        </button>
      </form>
    );
  }
}

export default FormComponent;