/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

-1 vote369 views4 answers
React cheat sheets
Javascript React
32 votes359 views1 answer
'react-router-dom'
Javascript React
-5 votes368 views3 answers
Use ref in component reactjs
Javascript React
1 vote386 views1 answer
How to setup React Context, useContext Hook
Javascript React
22 votes377 views4 answers
Copy text to clipboard reactjs
Javascript React
0 vote372 views1 answer
How to change tab color react bootstraps customixation
Javascript React
0 vote343 views1 answer
Mock a function jest react
Javascript React
13 votes375 views4 answers
React deep copy
Javascript React
1 vote366 views1 answer
How to redirect in ionic react
Javascript React
0 vote362 views1 answer
React.js file extension
Javascript React