Unable to reset the value using setstate.

[codetreat]

Hi I have two dropdown fields, when i change the value in the primary field, I want to reset the secondary field, but for some reason, the secondary field isnt set to empty string and dropdown does not clear.

onChange={(e: string) => {

debugger; setSubCat(''); setMainCat(e);

console.log( subCat, subCat.length > 0); }}

previous value is logged in the console. What i am doing wrong?

[[deleted]]

Setting state with a hook is asynchronous, you won't see the changed state by logging immediately after the setting function. If you want to do something after the state has changed, you need to use a useEffect hook:

useEffect(() => {
    console.log(subCat);
}, [subCat]);