如何对AntD表中的特定行进行有条件的着色

import { Table } from 'antd';

const dataSource = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  { id: 3, name: 'Tom', age: 35 },
];

const App = () => {
  const rowClassName = (record) => {
    // 根据特定条件判断是否需要对该行进行着色
    if (record.age > 30) {
      return 'highlight-row'; // 返回自定义的类名
    }
    return ''; // 不需要着色时返回空字符串
  };

  const columns = [
    { title: 'ID', dataIndex: 'id' },
    { title: 'Name', dataIndex: 'name' },
    { title: 'Age', dataIndex: 'age' },
  ];

  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      rowClassName={rowClassName}
    />
  );
};

export default App;