我刚刚开始编程,最近用 React 编写了我的第一个应用程序,虽然它确实有效,但我不确定我是否正确处理我的内部状态。我的问题是 setState 方法是否创建“prevState”的不可变深层副本或不一定?举个例子:
menuAddRecHandler = () => {
this.setState((prevState) => {
const updatedState = {...prevState};
const dayInd = updatedState.menu.recipes.findIndex(item => item.dayNum === updatedState.menuInternal.currentDay);
updatedState.menu.recipes[dayInd].recList.push({
name: prevState.menuInternal.menuRecSelect,
portions: prevState.menuInternal.menuNumPortInput
});
return updatedState;
})
}
Run Code Online (Sandbox Code Playgroud)
在我的处理程序中,我将一个对象推送到 UpdatedState 对象的嵌套数组中,该对象是由扩展运算符从 prevState 复制过来的。现在我知道展开运算符仅生成浅表副本,但是 setState 方法内部提供的 prevState 也是浅表副本吗?这是否意味着我实际上是通过调用此处理程序直接改变我的状态?如果是这样,我该如何解决这个问题?谢谢。