如何使用blueprintjs/table渲染表

import { Table, Column, Cell } from "@blueprintjs/table";

const data = [
  { name: "John", age: 25, city: "New York" },
  { name: "Alice", age: 30, city: "London" },
  { name: "Bob", age: 35, city: "Paris" },
];

render() {
  return (
    <Table numRows={data.length}>
      <Column name="Name" cellRenderer={this.renderNameCell} />
      <Column name="Age" cellRenderer={this.renderAgeCell} />
      <Column name="City" cellRenderer={this.renderCityCell} />
    </Table>
  );
}

renderNameCell(rowIndex) {
  const { name } = data[rowIndex];
  return <Cell>{name}</Cell>;
}

renderAgeCell(rowIndex) {
  const { age } = data[rowIndex];
  return <Cell>{age}</Cell>;
}

renderCityCell(rowIndex) {
  const { city } = data[rowIndex];
  return <Cell>{city}</Cell>;
}