无法访问回调函数React中的属性

class MyComponent extends React.Component {
  handleClick = () => {
    // 在这里可以访问组件的属性
    console.log(this.props.myProperty);
  }

  render() {
    return (
      <button onClick={this.handleClick}>点击按钮</button>
    );
  }
}

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

  handleClick() {
    // 在这里可以访问组件的属性
    console.log(this.props.myProperty);
  }

  render() {
    return (
      <button onClick={this.handleClick}>点击按钮</button>
    );
  }
}

function MyComponent(props) {
  const handleClick = () => {
    // 在这里可以访问组件的属性
    console.log(props.myProperty);
  }

  return (
    <button onClick={handleClick}>点击按钮</button>
  );
}