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);
}