/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

6 votes440 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
2 votes438 views1 answer
Dynamic import in reactjs
Javascript React
0 vote395 views1 answer
How to bound a state variable to a field react final form
Javascript React
3 votes427 views2 answers
Error duplicate resources react native
Javascript React
0 vote377 views1 answer
Exit ios inspector in react native
Javascript React
1 vote404 views1 answer
React-native-paper password input
Javascript React
1 vote379 views1 answer
React native detect swipe
Javascript React
6 votes399 views2 answers
React in jquery
Javascript React
0 vote364 views2 answers
React display base64 image
Javascript React
0 vote435 views1 answer
Connect react with database server
Javascript React