الحد من كتابة الكثير من useeffects في react

Rayden Storm · 18 أبريل 2021

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

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

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

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

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

Mohammed Saber6 · 18 أبريل 2021

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

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