/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

1 vote329 views1 answer
React footer
Javascript React
66 votes324 views4 answers
How to redirect to a website in react
Javascript React
0 vote336 views1 answer
Onclick hold react
Javascript React
0 vote342 views1 answer
Test one function in react class
Javascript React
0 vote345 views1 answer
HandleClickoutside custom hook react
Javascript React
0 vote293 views5 answers
React buttons npm
Javascript React
1 vote283 views3 answers
Antd react
Javascript React
0 vote366 views1 answer
Unistall react node package
Javascript React
0 vote344 views1 answer
Mdbootstrap react
Javascript React
5 votes405 views4 answers
React route multiple components
Javascript React