/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

5 votes105 views1 answer
Laravel react
Javascript React
0 vote114 views1 answer
Can you wrap redux provider within react.strictmode
Javascript React
0 vote101 views2 answers
Batch react-redux
Javascript React
0 vote107 views1 answer
Get LocalStorage from WebView react native
Javascript React
0 vote101 views1 answer
Use navigate in class component react native
Javascript React
6 votes119 views1 answer
What is key in react
Javascript React
8 votes104 views3 answers
React latest version
Javascript React
0 vote108 views1 answer
Start withnreact
Javascript React
1 vote120 views1 answer
@react-google-maps/api npm
Javascript React
3 votes106 views1 answer
React router dynamic routes
Javascript React