如何在React中创建一个可排序的表？如何从已排序的对象中访问类方法？

class SortableTable extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      tableData: [
        { name: 'John', age: 25, city: 'New York' },
        { name: 'Alice', age: 32, city: 'Los Angeles' },
        { name: 'Bob', age: 19, city: 'Chicago' }
      ],
      sortColumn: null,
      sortDirection: 'asc'
    };
  }
  
  // ...
}

sortTable(column) {
  const { tableData, sortColumn, sortDirection } = this.state;
  
  // 判断当前点击的表头是否为上一次排序的表头
  if (column === sortColumn) {
    // 切换排序方向
    const newDirection = sortDirection === 'asc' ? 'desc' : 'asc';
    this.setState({
      tableData: tableData.reverse(),
      sortDirection: newDirection
    });
  } else {
    // 根据点击的表头进行排序
    const sortedData = tableData.sort((a, b) => {
      if (a[column] < b[column]) {
        return sortDirection === 'asc' ? -1 : 1;
      }
      if (a[column] > b[column]) {
        return sortDirection === 'asc' ? 1 : -1;
      }
      return 0;
    });
    this.setState({
      tableData: sortedData,
      sortColumn: column,
      sortDirection: 'asc'
    });
  }
}

render() {
  const { tableData, sortColumn, sortDirection } = this.state;
  
  return (
    <table>
      <thead>
        <tr>
          <th onClick={() => this.sortTable('name')}>
            Name {sortColumn === 'name' && sortDirection === 'asc' && '▲'}
            {sortColumn === 'name' && sortDirection === 'desc' && '▼'}
          </th>
          <th onClick={() => this.sortTable('age')}>
            Age {sortColumn === 'age' && sortDirection === 'asc' && '▲'}
            {sortColumn === 'age' && sortDirection === 'desc' && '▼'}
          </th>
          <th onClick={() => this.sortTable('city')}>
            City {sortColumn === 'city' && sortDirection === 'asc' && '▲'}
            {sortColumn === 'city' && sortDirection === 'desc' && '▼'}
          </th>
        </tr>
      </thead>
      <tbody>
        {tableData.map((row, index) => (
          <tr key={index}>
            <td>{row.name}</td>
            <td>{row.age}</td>
            <td>{row.city}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
}

sortedObjects.forEach(obj => {
  obj.getClassMethod();
});