Ошибка при назначении нескольких свойств this.props новым переменным один раз в дочернем компоненте

Question

Я пытался назначить сразу несколько this.props свойств в дочернем компоненте:

const {readings, wantRead, read} = this.props;

Когда я пытался использовать readings в качестве реквизита в следующем дочернем компоненте, он кажется просто неопределенным и ошибка.

Но здесь самое странное, если я сначала присваиваю this.props свойства одно за другим, например:

const readings = this.props.currentlyReading;

Затем использовал readings внутри следующего дочернего компонента , это просто отлично работает.

Не совсем уверен, что сначала произошло ????

Answer 1

при использовании назначения Разрушение (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment), как вы это сделали:

const {readings, wantRead, read} = this.props;

То, что вам нужно заключить в скобки ({}) - это имя переменная присутствует в this.props, к которой вы хотите получить доступ.

Поэтому вам нужно использовать currentlyReading вместо reading:

const {currentlyReading, wantRead, read} = this.props;

source + explication: { ссылка }