import React, { useState } from 'react';

function Example() {
  const [users, setUsers] = useState([
    { id: 1, name: 'John Doe', age: 30 },
    { id: 2, name: 'Jane Smith', age: 25 }
  ]);

  return (
    <div>
      {users.map(user => (
        <div key={user.id}>
          <p>Name: {user.name}</p>
          <p>Age: {user.age}</p>
        </div>
      ))}
      <button onClick={() => setUsers(users.map(user => 
        user.id === 1 ? { ...user, name: 'Jane Doe' } : user
      ))}>Change Name of User 1</button>
      <button onClick={() => setUsers([...users, { id: 3, name: 'Sam Green', age: 28 }])}>Add User</button>
      <button onClick={() => setUsers(users.filter(user => user.id !== 2))}>Delete User 2</button>
    </div>
  );
}

export default Example;