如何在react中映射数组中的第一个对象？

import React from 'react';

function App() {
  const data = [
    { id: 1, name: 'Apple' },
    { id: 2, name: 'Banana' },
    { id: 3, name: 'Orange' }
  ];

  return (
    <div>
      {data.map((item, index) => {
        // 只渲染第一个对象
        if (index === 0) {
          return <div key={item.id}>{item.name}</div>;
        }
        return null;
      })}
    </div>
  );
}

export default App;