/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 votes144 views1 answer
How to dynamically show image from local storage in react native
Javascript React
0 vote158 views1 answer
How to calc() height in react native for styling
Javascript React
2 votes144 views1 answer
How to add multiple style attributes in react element
Javascript React
-1 vote132 views7 answers
How to trim dates in react
Javascript React
2 votes148 views1 answer
React function being called every minute
Javascript React
0 vote149 views1 answer
Show and Hide element in react
Javascript React
0 vote95 views1 answer
Liquid indicators in react native
Javascript React
0 vote154 views2 answers
Alert react native
Javascript React
0 vote159 views1 answer
Mat slider in a reactve form
Javascript React
2 votes147 views2 answers
How to change react icon color
Javascript React