/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 vote276 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
5 votes266 views3 answers
React router lazy load
Javascript React
0 vote263 views1 answer
Eslint init settings for ReactJS
Javascript React
2 votes259 views1 answer
Append a query string to the url react
Javascript React
4 votes317 views2 answers
Linking in react native
Javascript React
15 votes279 views1 answer
React forwardref
Javascript React
131 votes412 views6 answers
Creating react app
Javascript React
3 votes246 views3 answers
React portals
Javascript React
0 vote276 views1 answer
Sort by attribute in reactjs
Javascript React
23 votes275 views5 answers
USE ICONS IN REACT
Javascript React