/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 vote290 views1 answer
Mock createRef jest react functional component
Javascript React
-2 votes330 views1 answer
Keyboard close when typing react native
Javascript React
0 vote303 views1 answer
Debug react routes
Javascript React
0 vote372 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
1 vote299 views1 answer
How to update version of dependencies reactjs
Javascript React
6 votes337 views1 answer
React native activityindicator
Javascript React
0 vote290 views1 answer
React chat sheet
Javascript React
1 vote290 views2 answers
Yarn react native cli
Javascript React
1 vote284 views1 answer
Npx: Create react chrome extension
Javascript React
6 votes312 views1 answer
Create bottom navigation bar react native
Javascript React