嵌套状态对象不更新

Question

我正在尝试更新React类组件中的嵌套状态对象（checkedObjects），以跟踪何时检查和未检查复选框。 CheckEdObjects具有以下结构：

checkedObjects: {
[assignmentName]: boolean,
}

verifyObjects是一个本地变量，该变量是否实际收到了新名称属性。但是，当我安装这些对象的内容时，checkedObjects为空，而新属性则添加到verifyObjects（请参见下面的屏幕截图）。谁能建议为什么状态变量检查对象没有立即更新？

屏幕截图：

代码代码段：

this.state = {
    checkedObjects: {},
};

incrementCount(totalCount, id, checked, assignmentName) {
     console.log("increment: totalCount", totalCount, " ; id:", id, checked);
     // If a checkbox is clicked with an assignment name store on the checkedObjects
     if (assignmentName) {
       let verifyObjects = { ...this.state.checkedObjects };
       verifyObjects[assignmentName] = checked;
   
       this.setState(prevState => { 
         let tempObj = {...prevState.checkedObjects}
         tempObj[assignmentName] = checked;
         return {checkedObjects: tempObj}
       });
   
       console.log("SelectedAssignmentsObj:", this.state.checkedObjects);
       console.log("VerifiedObject:", verifyObjects);
     } //if
   }

Answer 1

状态更新不会立即发生。当我们调用setState（）函数时，它将安排状态更新。尝试使用控制台记录tempobj，以查看将其放入this.state.checkedobjects内部的值。

简而言之，您的代码正在按照应有的方式进行操作，但是您在调用this.setState（）后无法立即看到状态更新[因为状态更新已安排并且没有在该瞬间发生]。如果要确保您的状态确实按照所需的方式进行更新，可以在侧面添加一个虚拟按钮，该按钮会遵守该值。 chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en“ rel =“ nofollow noreferrer”> react开发者工具以找出状态对象中的值。