How can I change only one property of an object using the useState hook

Question

I wonder how I can change only a specific property of an object using the useState hook

const [value, setValue] = useState({value1: "abc", value2: "abcd"})

How would it be possible to change only the value1 remaining the state of value2?

Answer 1

You can use the Operator spread when updating the value in the State. It would look like this:

setValue(prevState => {
    return { ...prevState, value1: "novo valor" }
});

This way the value2 continues with the original value