/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 vote178 views2 answers
Push state array react
Javascript React
1 vote141 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
2 votes125 views1 answer
If back react
Javascript React
1 vote157 views1 answer
React event target square brackets
Javascript React
32 votes145 views1 answer
How to do routes react js
Javascript React
0 vote164 views1 answer
React native progress bar slider
Javascript React
10 votes138 views2 answers
Generate random string react
Javascript React
0 vote166 views1 answer
React paypal express checkout
Javascript React
2 votes171 views1 answer
React router 6 navigate
Javascript React
0 vote140 views1 answer
On close tab react native web
Javascript React