Contact List

This example displays a simple contact list.

jsxCopy codeimport React from 'react';
import ReactDOM from 'react-dom';

const contacts = [
  { name: 'Alice', phone: '123-456-7890' },
  { name: 'Bob', phone: '234-567-8901' },
  { name: 'Charlie', phone: '345-678-9012' },
];

function ContactList() {
  return (
<div>
  <h1>Contact List</h1>
  <ul>
    {contacts.map((contact, index) => (
      <li key={index}>
        {contact.name} - {contact.phone}
      </li>
    ))}
  </ul>
</div>
  );
}

ReactDOM.render(<ContactList />, document.getElementById('root'));