Неперехваченная ошибка типа: Не удается прочитать свойства неопределенного (чтение «значение атрибута»)

#javascript #reactjs #ecmascript-6

Вопрос:

У меня есть мои данные в приведенном ниже формате в виде строки внутри объектов

  product:{
            attributes:{
                best_seller_cat:{
                    attribute_value: 'string'
                }
            }
        }
 

Я просто хочу получить значение attribute_value от вышеуказанного объекта, и я попробовал код ниже

 renderBestSellerCategories(){
    const {
        product:{
            attributes:{
                best_seller_cat:{
                    attribute_value
                }
            }
        }
    } = this.props
    console.log(this.props)
}
 

Из приведенного выше кода я получил ошибку Uncaught TypeError: Cannot read properties of undefined (reading 'attribute_value')

Это изображение содержит выходные данные, когда я пробую приведенный ниже код

 renderBestSellerCategories(){
    console.log(this.props.product)
}
 

Как мне получить строковое значение?

Заранее спасибо

Комментарии:

1. Код в порядке, насколько я могу судить, я предполагаю, что вы пытаетесь прочитать что-то, чего еще не существует.