رفع ارور :React Hooks "useState" called conditionally.

متن ارور:

The error "React hook 'useState' is called conditionally" occurs when we use the useState hook conditionally or after a condition that may return a value.

زمان رخداد:

این ارور را شما زمانی دریافت میکنید که درون یک فانکشن دیگه ست کنید یا زیر یک فانکشن و ... دیگه !

App.js

import React from &quotreact&quot

const App = () =>{
    const [ firstName , setFirstName ] = useState('Mahia');
    const example = () =>{
        // code...
    }
    //error !!! ...
    const [ lastName , setLastName ] = useState(' Tavakkolli ') ;
    return (
        <>
            <p>
                My name is {firstName}{lastName}
            </p>
        </>
    );
}

export defulte  App ;

راه حل : برای حل این مشکل باید تمام استیت ها را اول همانند firstName ست کنیم در این صورت با مشکل بالا روبرو نمیشویم و کد تمیز تری خواهیم داشت :)

منابع: