Olay İşleyicileri

React içinde olay işleyicileri kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Olay İşleyicileri, React ile etkileşim ve state çalışırken veriyi açık, öngörülebilir ve sürdürülebilir biçimde işlemek için kullanılan yaklaşımı açıklar. Tarayıcı olayları kullanıcı niyetini belge ağacındaki davranışa bağlar; semantik öğe seçimi klavye ve yardımcı teknoloji desteğini doğrudan etkiler.

Dinleyicileri yaşam döngüsüne göre temizlemek, istemci doğrulamasını sunucu doğrulamasının yerine koymamak ve odağı görünür tutmak gerekir. Girdinin biçimini ve geçerliliğini sınırda denetlemek, iç katmanların daha sade kalmasını sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Kavramı her durumda uygulanacak bir kural gibi kullanmak gereksiz karmaşıklık üretir. Önce problemin sınırını belirleyin, ardından en küçük yeterli yapıyı seçin.

Sonuç

Olay İşleyicileri, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında React kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Olay İşleyicileri örneği

import { useState } from "react";

export default function Counter() {
  const [count, setCount] = useState(0);
  return <button onClick={() => setCount(value => value + 1)}>Sayaç: {count}</button>;
}