react setstate object property code example

Example 1: 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
    }
  }
}))

Example 2: react setstate object

import React, { useState } from 'react'
const Example = () => {
  const [ account, setAccount ] = useState({ username: "", password: "" })
	return(
      <div>
      <p>Debug { JSON.stringify(account) }
		<form>
          <input 
			text="text" 
			placeholder="Username"
			onChange={(e) => {
              setAccount({ ...account, username: e.terget.value })
            }}
		  />
		  </br>
		  <input 
			text="text" 
			placeholder="Password"
			onChange={(e) => {
              setAccount({ ...account, password: e.terget.value })
            }}
		  />      
	  </form>
      </div>
    )
  }
  
 https://www.youtube.com/watch?v=nWGcOTyTkQ0&t=457s