How do i change property of nested object in State?

Question

state looks like this for example

{
  ownRecipe: {name:""}
}

now i need to change name property, this doesn't work

this.setState({ownRecipe[name]:"Pineapple pizza"});

this works, but maybe there is a better way?

let ownRecipeCopy = {}
for(let key in this.state.ownRecipe){
  ownRecipeCopy[key] = this.state.ownRecipe[key];
}
ownRecipeCopy.name = e.target.value;
this.setState({ownRecipe: ownRecipeCopy});

Edit: thanks everyone for your answers

Answer 1

Spread the original object and change the property you want:

this.setState(prevState =>({
    ownRecipe : {
        ...prevState.ownRecipe,
        name : 'new name'
    }
}));