React'te hangi yaşam döngüsü yöntemleri var ve bunlar useEffect ile nasıl taklit edilir?

React sınıf bileşeninde, yaşam döngüsü yöntemleri birkaç tanedir ve bunlar şunlardır:

• componentDidMount — bileşen monte edildikten sonra çağrılır;
• componentDidUpdate — bileşen güncellendikten sonra çağrılır;
• componentWillUnmount — bileşen kaldırılmadan önce çağrılır.

Fonksiyonel bileşenlerde useEffect kancasıyla bu yöntemler şu şekilde taklit edilebilir:

import React, { useEffect } from 'react';

function MyComponent(props) {
  // componentDidMount
  useEffect(() => {
    // monte edildikten sonra bir kez çalışacak kod
    console.log('Mounted');
  }, []); // boş bağımlılık dizisi

  // componentDidUpdate
  useEffect(() => {
    // props veya durum değiştiğinde çalışacak kod
    console.log('Updated');
  }); // ikinci argüman olmadan — her render sonrası çağrılır

  // componentWillUnmount
  useEffect(() => {
    return () => {
      // kaldırmadan önce temizleme kodu
      console.log('Unmounted');
    };
  }, []);

  return <div>{props.value}</div>;
}

Bu şekilde, boş bağımlılık dizisiyle useEffect, componentDidMount ve componentWillUnmount'u (temizlik fonksiyonu aracılığıyla) taklit eder, ve ikinci argüman olmadan useEffect — componentDidUpdate'u temsil eder.