/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 vote154 views1 answer
React cam filters
Javascript React
1 vote173 views1 answer
Add sass autoprefixer to react
Javascript React
2 votes220 views1 answer
React router 404 redirect
Javascript React
0 vote161 views1 answer
Header logo react native img
Javascript React
0 vote171 views1 answer
OnChange react functional programming
Javascript React
0 vote212 views2 answers
Toastify react not working
Javascript React
1 vote181 views1 answer
React eslint prettier
Javascript React
3 votes161 views1 answer
Navigation react pass props
Javascript React
3 votes152 views2 answers
React how to scroll to element
Javascript React
8 votes159 views1 answer
React hooks with objects
Javascript React