React props destructuring возвращает undefined
У меня проблема с деструктуризацией свойств, она определяется, когда я не деструктурирую ее, но когда я это делаю, она равна нулю ..
const { navigation, book } = this.props;
{console.info('book: '+JSON.stringify(book))}
Он консолей объект с объектом volumeInfo внутри него, когда я хочу получить к нему доступ следующим образом:
const { navigation, book: { volumeInfo: { title, description }} } = this.props;
{console.info(title, description)}
Тогда это не так, его props2.volumeInfo.title имеет значение null Пробовал с заголовком && console.info (заголовок), но ничего ...
Вот журнал консоли для первого случая:
book: {"kind":"books#volume","id":"__JIDwAAQBAJ","etag":"6y5RWEIbrcY","selfLink":"https://www.googleapis.com/books/v1/volumes/__JIDwAAQBAJ","volumeInfo":{"title":"Make Me","authors":["Kaye Blue"],"publisher":"Kaye Blue","description":"<p><b><i>They might make a great team ΓǪ if they donΓÇÖt kill each other first.</i></b></p><p>Cree Manning loves everything about being an attorneyΓǪexcept her colleague, Aaron. He may be an actual prince, but heΓÇÖs also used to coasting through life on his good looks and status. Aaron's hot enough to melt ice, but his arrogance and more than questionable work ethic drive her up a wall.</p><p>His Royal Highness, Aaron Sarda, is third in line to the throneΓǪwhich means his role in the Kingdom of Medina is mostly ornamental. He hates feeling useless, and working with Cree has taught him that he hates being looked down on even more. Sure, sheΓÇÖs gorgeous, but sheΓÇÖs also rigid, overbearing, and utterly immune to his charm.</что такое this.prop
Ответы 2
Попробуйте с этим
const { navigation } = this.props;
const { title, description } = this.props.book.volumeInfo;
{console.info(title, description)}
вы можете console.info (this.state.book.volumeInfo), пожалуйста, чтобы я лучше понял, что у вас есть
В сообщении есть журнал, я не могу зарегистрировать this.props.book.volumeInfo, если я его деструктурирую.
Я прошу вас запустить этот '{console.info (this.props.book.volumeInfo)}'
Работает это так: {this.props.book && console.info(JSON.stringify(this.props.book.volumeInfo))}
В деструктурирующее задание в левой части присвоения он определяет, какие значения распаковывать из переменной источника.
Итак, в этом сценарии присваивания это объявление не переменной для volumeInfo.
Вот почему ошибка синтаксиса. Uncaught ReferenceError: volumeInfo не определен.
Если вы хотите получить доступ к title через volumeInfo, сделайте так.
var { book: volumeInfo } = props;
или же
var { book: {volumeInfo }} = props;
В твоем случае,
var { book: { volumeInfo: { title, description }} } = props;
title & description будет правильно печатать значение напрямую, но не через volumeInfo
Не могли бы вы создать Минимальный, полный и проверяемый пример, например, в CodeSandbox? Трудно сказать, что не так, исходя из информации, содержащейся в вашем вопросе.