无法让e.preventDefault使用React Typescript

import React from 'react';

const MyComponent: React.FC = () => {
  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
    e.preventDefault();
    // 执行其他逻辑
  };

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

export default MyComponent;

import React from 'react';

class MyComponent extends React.Component {
  handleClick(e: React.MouseEvent<HTMLButtonElement>) {
    e.preventDefault();
    // 执行其他逻辑
  }

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

export default MyComponent;