/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

3 votes129 views2 answers
React get route path
Javascript React
0 vote134 views1 answer
Icon button react
Javascript React
0 vote133 views2 answers
Airbnb react native eslint
Javascript React
-1 vote140 views1 answer
React native toggle button with text
Javascript React
0 vote148 views1 answer
Counter composant react
Javascript React
-1 vote123 views2 answers
3 dots React
Javascript React
14 votes122 views4 answers
Conditional classname prop react
Javascript React
1 vote119 views1 answer
What is react reveal
Javascript React
8 votes131 views3 answers
Shadown reAct native
Javascript React
0 vote136 views1 answer
Test one function in react class
Javascript React