使用换行在React中呈现逗号分隔的链接

const links = [
  { name: '链接1', url: 'https://www.example.com/link1' },
  { name: '链接2', url: 'https://www.example.com/link2' },
  { name: '链接3', url: 'https://www.example.com/link3' }
];

function LinksComponent() {
  return (
    <div>
      {links.map((link, index) => (
        <span key={index}>
          <a href={link.url}>{link.name}</a>
          {index !== links.length - 1 && ',\n'}
        </span>
      ))}
    </div>
  );
}

function App() {
  return (
    <div>
      <h1>链接列表</h1>
      <LinksComponent />
    </div>
  );
}