اذهب إلى المحتوى

السؤال

نشر

لنفترض أن لدي مكون رأس يشير إلى أنه يعتمد على تغييرات البيانات من متجر redux. على أي حال ، أحتاج إلى استخدام الكثير من useEffect للاستماع إلى التغييرات والقيام بتحديث المحددات المقابلة.

  useEffect(() => {
      ......
    }, [authed, products, searchText]);

    useEffect(() => {
       .......
    }, [authed, activeProduct]);

    useEffect(() => {
       ......
    }, [user]);

هل يوجد نمط موصى به لجعله أكثر نظافة؟

Recommended Posts

  • 0
نشر

يمكنك أن تستخدم واحدة فقط وعمل if conditions بداخلها 

useEffect(() => {
 	if(user){
    	// قم بتنفيذ الكود الخاص بالمستخدم
    }
  
   	if(authed){
    	//authed قم بتنفيذ الكود الخاص ب 
    }
  
	// وهكذا 
}, [authed, products, searchText، activeProduct، user]);

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...