Event Handlers in React

// Click event
function Button() {
  const handleClick = () => {
    alert('Clicked!')
  }
  
  return <button onClick={handleClick}>Click me</button>
}

// Event with parameters
function Item({ id, name, onDelete }) {
  return (
    <div>
      <span>{name}</span>
      <button onClick={() => onDelete(id)}>Delete</button>
    </div>
  )
}

// Using the component
function App() {
  const handleDelete = (itemId) => {
    console.log('Deleting:', itemId)
  }
  
  return <Item id={1} name="Task" onDelete={handleDelete} />
}