Использование значений объекта, переданных в качестве реквизита от родительского компонента

Question

Я пытаюсь использовать значения, переданные от моего родителя, в моем дочернем компоненте. Я передаю объект с помощью оператора спреда

//Parent Component

 <Pagination {...pagination} />

Мне интересно, как я могу получить доступ к значениям объекта? До сих пор я обнаружил, что я могу console.log это с

//Child component

this.props.children.props.children.props.current

и отображается правильное значение, но когда я пытаюсь сохранить это значение в const и использовать его, оно возвращает меня неопределенным? Я почти уверен, что именно так я пытаюсь получить ценность реквизита, но я понятия не имею, как ... Заранее спасибо!

Answer 1

Вы должны передать имя, чтобы ребенок мог использовать это имя для доступа к объекту

// Родительский компонент

 <Pagination pages = {...pagination} />

// Дочерний компонент

this.props.pages

Answer 2

Все реквизиты, переданные компоненту, доступны при доступе к this.props. [PropName].

Если вы деструктурируете объект до реквизита компонентов, тогда все свойства объекта будут напрямую добавлены в реквизиты компонентов. Пример:

const x = { a: 1, b:2 };
<Component {...x} />

Доступ к значениям «x» теперь возможен через «Компонент» через

this.props.a / this.props.b