javascript - 如何更改 State 中嵌套对象的属性？

Question

例如状态看起来像这样

{
  ownRecipe: {name:""}
}

现在我需要更改名称属性，这不起作用

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

这可行，但也许有更好的方法？

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

编辑:感谢大家的回答

Answer 1

传播原始对象并更改您想要的属性:

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