Reaksiyon kullanımı Derinlemesine etki / kullanım kullanımı

useEffectKancayı derinlemesine anlamaya çalışıyorum .

Hangi yöntemi ne zaman ve neden kullanacağımı bilmek istiyorum?

1.useEffect with no second paraments
 useEffect(()=>{})

2.useEffect with second paraments as []
  useEffect(()=>{},[])

3.useEffect with some arguments passed in the second parameter
 useEffect(()=>{},[arg])

useEffect(callback)

Her bileşen render üzerinde çalışır .

Tipik olarak hata ayıklama için kullanılır, her işlemde işlevin gövde yürütmesine benzer:

const Component = () => {
  callback()
  return <></>;
};

useEffect(callback,[])

Bir bileşen montajında ​​bir kez çalışır .

Genellikle veri alma vb. İle bileşenlerin durumunu başlatmak için kullanılır.

Not : Oluşturma aşamasından sonra yapılan geri arama (Bilinen "Gotcha").

useEffect(callback,[arg])

Skor değişikliğine ait argdeğeri.

"Değişiklik Üzerine" ifadesi , önceki değeri ile bir önceki karşılaştırmayı ifade eder arg( argönceki render ile geçerli olanın değerini karşılaştırır prevArg === arg ? Do nothing : callback()).

Genellikle olayları sahne / durum değişikliği üzerinde çalıştırmak için kullanılır.

Not: Birden fazla bağımlılık sağlanabilir: [arg1,arg2,arg3...]

• useEffectDan Abramov'un Komple Kılavuzu
• useEffectAPI .
• Efekt kancasını kullanma - Dokümanları reaksiyona sokun.

React sınıfı yaşam döngüsü yöntemlerini biliyorsanız, useEffect Hook'u componentDidMount, componentDidUpdate ve componentWillUnmount kombine olarak düşünebilirsiniz.

2.useEffect, ikinci bir paragraf olmadan: Bileşen yeni monte edildiğinde veya güncellenmişse bir şey olmasını istediğimizde kullanılır. Kavramsal olarak, her renderden sonra olmasını istiyoruz.

2.use [] olarak ikinci paragraflarla etkile: Bu, montaj sırasında yalnızca bir kez yürütülürse, bileşenin montajı sırasında bir şey olmasını istediğimizde kullanılır.

İkinci parametrede iletilen bazı argümanlarla 3.useEffect: Bu, pramerin geçtiğinde bir şey olmasını istediğimizde kullanılır örn. sizin durumunuzda argümanlar değişti.

Daha fazla bilgi için. buradan kontrol edin: https://reactjs.org/docs/hooks-effect.html

UseEffect (() => {}, [arg]) ikinci parametrede iletilen bazı bağımsız değişkenlerle 3.useEffect

önce değişecek sonra arg değiştiğinde tekrar çalışacak

Ayrıca kullanım içindeki dönüş hakkında soru sormayı da unutun.Etkili ... Temizleme amaçlı kullanımları, bileşen söküldüğünde çalışacaktır