/Javascript/React/Update specific properties of an object react spread operator

Update specific properties of an object react spread operator

Setstate find opject in state and update

this.setState(prevState => ({
  food: {
    ...prevState.food,           // copy all other key-value pairs of food object
    pizza: {                     // specific object of food object
      ...prevState.food.pizza,   // copy all pizza key-value pairs
      extraCheese: true          // update value of specific key
    }
  }
}))

Source: stackoverflow.com

Update specific properties of an object react spread operator

setFormFieldParams((prev) => ({ ...prev, isValid: false }));

Similar codes

2 votes384 views2 answers
React Hook Form
Javascript React
0 vote391 views2 answers
Apply back button to a react component
Javascript React
5 votes350 views3 answers
React routes multiple compoenents
Javascript React
1 vote396 views1 answer
React-redux todo list
Javascript React
-2 votes427 views3 answers
Keyboard dismiss in react native
Javascript React
1 vote385 views2 answers
React beforeunload
Javascript React
0 vote441 views1 answer
Ngrok react.js
Javascript React
0 vote356 views3 answers
Flash effect in react native
Javascript React
1 vote373 views1 answer
Button doesn't work while keyboard is shown react native
Javascript React
1 vote354 views1 answer
How to use array of object in react
Javascript React