Как добраться до классов, которые находятся внутри массива объектов?

Question

Это мой код:

state = {
    classes: []
}

  componentDidMount() {
    axios.get('/api/auth/booked/' + this.props.userId)
      .then(response => {
        const classes = response.data;
        const updatedClasses = classes.map(bookedClass => {
          return {
            ...bookedClass,
          }
        });
        this.setState({classes: updatedClasses});
        console.log(classes);
      })
      .catch(error => {
        console.log(error);
      });
  }

С помощью приведенного выше кода я получаю такой результат:

Вот что я хочу получить:

Итак, я хочу глубже погрузиться в массив объектов, я хочу заполнить classes: [] информацией второго изображения.

Я также пробовал это, который добавлял classID на const classes = response.data.classId; в конце:

componentDidMount() {
    axios.get('/api/auth/booked/' + this.props.userId)
      .then(response => {
        const classes = response.data.classId;
        const updatedClasses = classes.map(bookedClass => {
          return {
            ...bookedClass,
          }
        });
        this.setState({classes: updatedClasses});
        console.log(classes);
      })
      .catch(error => {
        console.log(error);
      });
}

Но тогда я получаю ошибку. Есть идеи, как я могу получить доступ к объекту внутри этого массива?

Answer 1

Вам необходимо вернуть в колбэке карты копию свойства classId каждого элемента массива.

const classes = response.data;
const updatedClasses = classes.map(bookedClass => ({...bookedClass.classId}));