React'ta Geçersizleştiricileri Anlamak
Invalidator, bir React bileşeninin durumunu geçersiz kılmanıza (veya sıfırlamanıza) olanak tanıyan bir JavaScript nesnesidir. Bir bileşenin durumu geçersiz kılındığında, React, bileşeni güncellenmiş durumuyla yeniden oluşturacaktır. geçersiz kılıcıların yaygın kullanım durumları:
1. Veri değiştiğinde: Bir bileşenin oluşturduğu veriler değişirse, React'e bileşeni güncellenmiş verilerle yeniden oluşturmasını söylemek için bir geçersizleştirici kullanabilirsiniz.
2. Bir prop değiştiğinde: Bir bileşenin prop'ları değişirse, React'e bileşeni yeni prop'larla yeniden oluşturmasını söylemek için bir geçersiz kılıcı kullanabilirsiniz.
3. Bir pervane değişikliği tarafından durum değişikliği tetiklenmediğinde: Bazen, bir bileşenin pervaneleri değişmemiş olsa bile yeniden işlemek isteyebilirsiniz. Örneğin, bir listedeki öğe sayısını izlemek için bir durum değişkeni kullanıyorsanız ve kullanıcı öğe ekler veya kaldırırsa, React'e bileşeni güncellenmiş durumla yeniden oluşturmasını söylemek için bir geçersizleştirici kullanabilirsiniz.
4. Bir bileşenin bağlantısı kesildiğinde: Bir bileşenin bağlantısı kesilirse (yani DOM'dan kaldırılırsa), React'a bileşenin kullandığı tüm kaynakları temizlemesini söylemek için bir geçersiz kılıcı kullanabilirsiniz.
Geçersiz kılıcılar genellikle bir boolean değeri döndüren işlevler olarak uygulanır. bileşenin durumunun değişip değişmediğini gösterir. Bir React bileşeninde geçersiz kılıcıyı nasıl kullanabileceğinize bir örnek:
```
class Counter extends React.Component {
state = { count: 0 };
geçersizleştirici = () => {
return this.state. count !== this.lastCount;
};
tanıtıcıAdd = () => {
this.lastCount = this.state.count;
this.setState({ count: this.state.count + 1 });
} ;
render() {
return (
Say: {this.state.count
);
}
}
```
Bu örnekte, 'geçersiz kılıcı' işlevi, bileşenin durumu değiştiyse 'true' değerini, aksi takdirde 'false' değerini döndürür. "handleAdd" işlevi, "lastCount"u geçerli sayıma ayarlayıp ardından "count" durumunu yeni değerle güncelleyerek bileşenin durumunu günceller. Bileşen yeniden oluşturulduğunda React, durumun değişip değişmediğini kontrol etmek için "geçersiz kılıcı" işlevini çağıracak ve eğer öyleyse, bileşeni güncellenmiş durumla yeniden oluşturacaktır.
Bunu beğendim
Bunu beğenmedim
İçerik hatası bildir
Paylaş
