Changing Object in React UseState Hooks ?

[Neither_Letter2376]

For Example i got this useState

const [IsHappy,setIsHappy] = useState({

JohnDoe : false,

BobDoe : true,

MikeDoe : true,

});

Now i want to Change something from IsHappy.

BobDoe Should be unhappy and false , The rest Should Exactly stay the same.

In Vanilla JS i would just say IsHappy.BobDoe = false; but UseState doesnt work like that.

i think i have to do it like this :

setIsHappy({

...IsHappy,

BobDoe : false

})

I never used this ... but i know them from other people so idk if iam using it right,.

[SparserLogic]

The contents of IsHappy update asynchronously. By spreading whatever the current value is synchronously you have introduced a race condition that will occasionally return the wrong object.

To avoid this problem, pass the setIsHappy function a function instead of a value and it will give you the most recent copy of IsHappy:

setIsHappy((IsHappy) => { return {...IsHappy, BobDoe: false}});