在react模板中提取对象数组中的对象项

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const names = data.map(item => item.name);

console.log(names); // 输出：['John', 'Jane', 'Bob']

import React from 'react';

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  { id: 3, name: 'Bob' }
];

const MyComponent = () => {
  const names = data.map(item => item.name);

  return (
    <ul>
      {names.map(name => (
        <li key={name}>{name}</li>
      ))}
    </ul>
  );
};

export default MyComponent;