如何在react中根据id将数组数据转换为数组

import React, { useState } from 'react';

function App() {
  // 初始化原始数组数据
  const originalArray = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' }
  ];

  // 使用useState钩子创建一个新的数组状态
  const [transformedArray, setTransformedArray] = useState([]);

  // 根据id将原始数组数据转换为新的数组
  const transformArray = () => {
    const newArray = originalArray.map(item => item.id);
    setTransformedArray(newArray);
  };

  // 渲染新的数组数据
  const renderTransformedArray = () => {
    return transformedArray.map(item => <p key={item}>{item}</p>);
  };

  return (
    <div>
      <button onClick={transformArray}>转换数组</button>
      {renderTransformedArray()}
    </div>
  );
}

export default App;