ইভেন্ট হ্যান্ডলিং

function Button() {
  function handleClick() {
    alert('Button clicked!');
  }

  return <button onClick={handleClick}>Click me</button>;
}

function FruitList({ fruits, onSelect }) {
  return (
    <ul>
      {fruits.map((fruit) => (
        <li key={fruit} onClick={() => onSelect(fruit)}>
          {fruit}
        </li>
      ))}
    </ul>
  );
}

function Form() {
  function handleSubmit(e) {
    e.preventDefault(); // same method, same purpose, as plain JS
    console.log('Submitted');
  }

  return <form onSubmit={handleSubmit}><button type="submit">Send</button></form>;
}