如何在react中从多维数组中获取特定的key数据？

import React from 'react';

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

const App = () => {
  const names = data.map(obj => obj.name); // 获取所有的name属性值
  const ages = data.map(obj => obj['age']); // 获取所有的age属性值

  return (
    <div>
      <h1>Names:</h1>
      {names.map(name => <p key={name}>{name}</p>)}

      <h1>Ages:</h1>
      {ages.map(age => <p key={age}>{age}</p>)}
    </div>
  );
}

export default App;