/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 vote155 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
14 votes99 views1 answer
Change checkbox value react
Javascript React
0 vote103 views2 answers
React filter buttons
Javascript React
0 vote135 views2 answers
How to import jquery file in react js
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
2 votes138 views1 answer
Path.split is not a function react hook use form
Javascript React
1 vote141 views2 answers
React native map array of objects
Javascript React
1 vote129 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote197 views1 answer
Angular validators number only in reactive form
Javascript React
12 votes150 views2 answers
How to integrate redux dev tool to react application
Javascript React