使用从父组件作为道具传递的对象值

Question

我正在尝试在子组件中使用从父母那里传递来的值。我正在使用散布运算符来传递对象

//Parent Component

 <Pagination {...pagination} />

我想知道如何访问对象值？到目前为止，我发现我可以使用

console.log它

//Child component

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

并显示正确的值，但是当我尝试将此值存储在const中并使用它时，它返回给我undefined吗？我很确定这是我尝试获得道具价值的方法，但我不知道如何...预先感谢！

Answer 1

所有传递给组件的道具都可以通过访问this.props。[propName]来访问。

如果将对象分解为组件属性，则所有对象属性都将直接添加到组件属性。示例：

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

现在可以通过以下方式在“组件”中访问“ x”的值

this.props.a / this.props.b

Answer 2

您必须传递一个名称，以便孩子可以使用该名称访问对象

//父项

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

//子组件

this.props.pages