/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

0 vote237 views1 answer
React-native-calendars how to mark selected day
Javascript React
-1 vote225 views5 answers
Play audio in react
Javascript React
0 vote222 views1 answer
Displaying the date react
Javascript React
8 votes233 views3 answers
Disable eslint for react project
Javascript React
0 vote234 views1 answer
Divide string in lines react native max width
Javascript React
2 votes237 views1 answer
Emmet react self closing tags
Javascript React
2 votes241 views1 answer
React native responsive font
Javascript React
1 vote233 views1 answer
Div onchange react
Javascript React
1 vote224 views1 answer
React jsx style with calc
Javascript React
2 votes231 views2 answers
React native position absolute center
Javascript React