ما هو عمل الخطاف useEffect في React

الخطاف useEffect يستخدم لتنفيذ تابع ما في أحد الحالات التالي:

• عند أول ظهور للمكون

  useEffect(() => {
    //..
  }, [])

   

• عند كل تصيير render للمكون

  useEffect(() => {
    //..
  })

   

• عند كل تغير لقيمة متغير أو عدد من المتغيرات

  useEffect(() => {
    //..
  }, [x, y])

   

بحسب الحالة التي لديك قد يفيدك تنفيذ تابع ما في إحدى هذه الحالات، تختار منها ما يناسبك وتطبقها، يمكنك الاستفادة من قراءة المقالات التالية ولاحظ كيف يتم توظيف أحد تلك الحالات دومًا لتنفيذ حل لمشكلة ما: