Я не могу получить доступ к ключу объекта в JS

Question

Работа в реагирующем компоненте, который получает реквизит от родительского компонента.Реквизиты являются статическими (нет необходимости проверять наличие обновлений) и получены ОК.Опора представляет собой массив объектов.Этот массив регистрируется нормально в консоли, даже один массив элементов массива [x] правильно регистрируется в консоли, НО, если я хочу получить доступ к определенному ключу, такому как «eventDate», он регистрирует «НЕ МОЖЕТ СЧИТАТЬ eventDate of undefined».

import React, { Component } from 'react';

// AUX COMP
import Moment from 'react-moment'; // --> https://momentjs.com/
import moment from 'moment';

// SERVICE API
import Calculations from '../../services/Calculations';


export default class EventsGraphic extends React.Component {
  constructor(props){
    super(props);

    this.state = {
      user              : this.props.userID,
      patientId         : this.props.patID,

      patientsEvents    : this.props.events,
      eventsSorted      : [],
      firstEventDate    : '',

      timeLineDays      : 60,
    }
  }

_eventsGraphicData(){

   let pEvts = [...this.props.events];
   let eventsSorted  = Calculations.sortByEventDate(pEvts); 

    console.log('pEvts', pEvts);
    console.log('eventsSorted[0]', eventsSorted[0]);
        // this prints to the console the object in the index 0 of the array correctly ONE OF THE KEYS IS eventDate
        console.log('eventsSorted[0].eventDate = ', eventsSorted[0].eventDate);
       // THIS LOGS "CAN NOT READ PROPERTY eventDate OF UNDEFINED ?!?!?!


return eventsSorted

  }

render() {

  return (


  <div className="events-chart">

    <p>DATA GOES HERE</p>

  </div>


   );
 };
};

введите описание изображения здесь

Answer 1

У вас есть объект Stringified в sortedEvent, а не Object, и, конечно, вы получили неопределенный ключ.