/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 vote210 views2 answers
React addon update
Javascript React
0 vote231 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
1 vote145 views1 answer
Z index react native
Javascript React
0 vote190 views2 answers
React date picker disable past dates
Javascript React
0 vote182 views2 answers
React native countdown
Javascript React
0 vote181 views1 answer
TextField input font color React Material UI
Javascript React
3 votes180 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote210 views1 answer
React-loader-spinner
Javascript React
0 vote227 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
0 vote183 views1 answer
React native pure component vs component
Javascript React