如何使用map遍历dict并将其转换为react js中的表记录？

import React from 'react';

const data = {
  1: { name: 'John', age: 25 },
  2: { name: 'Jane', age: 30 },
  3: { name: 'Bob', age: 35 },
};

const Table = () => {
  return (
    <table>
      <thead>
        <tr>
          <th>ID</th>
          <th>Name</th>
          <th>Age</th>
        </tr>
      </thead>
      <tbody>
        {Object.keys(data).map((key) => (
          <tr key={key}>
            <td>{key}</td>
            <td>{data[key].name}</td>
            <td>{data[key].age}</td>
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default Table;