ReactJs无法访问状态中的字典

Question

我无法访问this.state中的字典。

我的组件构造函数实际上如下所示

constructor(props) {
  super(props);
  this.state={
    hexDoneData:{},
    donutData : {}, 
  } 
}

在某些方法中，我实际上正在更新this.state.hexDoneData字典。更新正在进行中。但我无法阅读这本词典。下面是我试图阅读字典的功能。

     loadHexagonChart(){
console.log("this.state.hexDoneData : ",this.state.hexDoneData)
    console.log("this.state.hexDoneData.linux : ",this.state.hexDoneData.linux)
      }

控制台语句的控制台输出如下所示

this.state.hexDoneData.linux是未定义的，而this.state.hexDoneData看起来像具有密钥linux的字典。我试过this.state.hexDoneData ['linux']它没用。甚至地图功能也不起作用。任何帮助将不胜感激。

Answer 1

constructor(props) {
 super(props);
 this.state={
  hexDoneData:{
   linux: '',
  },
  donutData : {}, 
 } 
}

在您想要输出的任何情况下也调用此功能，  因为它的状态正在更新。

loadHexagonChart(){
  console.log(this.state.hexDoneData.linux);
}