如何将样式属性应用于Array.map中的特定实体？

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

const App = () => {
  return (
    <div>
      {data.map(item => (
        <div key={item.id} style={{ color: 'blue', fontWeight: 'bold' }}>
          {item.name}
        </div>
      ))}
    </div>
  );
};

export default App;