我正在尝试使用rowEvents来触发react-bootstrap-table-2中的操作，但是onClick中的'this‘是未定义的。有什么想法吗？

import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';

class MyTable extends React.Component {
  handleRowClick = (row, column, event) => {
    console.log(this); // 现在 this 是定义好的
    // 你可以在这里执行你的操作
  }

  render() {
    const rowEvents = {
      onClick: this.handleRowClick,
    };

    return (
      <BootstrapTable
        keyField="id"
        data={this.props.data}
        columns={this.props.columns}
        rowEvents={rowEvents}
      />
    );
  }
}

import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';

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

  handleRowClick(row, column, event) {
    console.log(this); // 现在 this 是定义好的
    // 你可以在这里执行你的操作
  }

  render() {
    const rowEvents = {
      onClick: this.handleRowClick,
    };

    return (
      <BootstrapTable
        keyField="id"
        data={this.props.data}
        columns={this.props.columns}
        rowEvents={rowEvents}
      />
    );
  }
}

import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';

class MyTable extends React.Component {
  handleRowClick = (row, column, event) => {
    console.log(this); // 现在 this 是定义好的
    // 你可以在这里执行你的操作
  }

  render() {
    const rowEvents = {
      onClick: this.handleRowClick,
    };

    return (
      <BootstrapTable
        keyField="id"
        data={this.props.data}
        columns={this.props.columns}
        rowEvents={rowEvents}
      />
    );
  }
}