بيجيلى الerror ده React has detected a change in the state of a component inside a render اعمل ايه؟
لما بجرب الكود ده
functions myComponent (){
const {isLoading, setIsLoading} = useState(false)
setIsLoading(true)
}بيجيلى الerror ده React has detected a change in the state of a component inside a render
اعمل ايه؟
اعمل ايه؟
1 إجابة
المشكلة انك بتعدل الstate كل مرة الcomponent بـrender!
افتكر دايما إن الكود اللى مكتوب جوه الfunction مباشرة بيتنفذ كل مرة يحصل re-render (مثلا كل مرة تعدل فى الstate زى المثال ده)
وبالتالى لو عايز IsLoading تتغير اول render بس, حطها جوا useEffect زي كده مثلا:
افتكر دايما إن الكود اللى مكتوب جوه الfunction مباشرة بيتنفذ كل مرة يحصل re-render (مثلا كل مرة تعدل فى الstate زى المثال ده)
وبالتالى لو عايز IsLoading تتغير اول render بس, حطها جوا useEffect زي كده مثلا:
functions myComponent (){
const {isLoading, setIsLoading} = useState(false)
useEffect(()=>{
setIsLoading(true)
}, [])
}