如何在react表中使标题可点击

import React from 'react';
import './Table.css'; // 表格的样式文件

class Table extends React.Component {
  render() {
    return (
      <table>
        <thead>
          <tr>
            <th onClick={this.handleTitleClick}>标题</th>
            <th>其他列</th>
          </tr>
        </thead>
        <tbody>
          {/* 表格内容 */}
        </tbody>
      </table>
    );
  }

  handleTitleClick = () => {
    // 处理标题点击事件的逻辑
  }
}

export default Table;

handleTitleClick = () => {
  console.log('标题被点击了！');
}

table {
  width: 100%;
}

th {
  cursor: pointer; // 鼠标悬停时显示手型光标
}