如何为析构对象命名?

Question

这是我的代码：

const { tourId, title, startLocation,endLocation, details: {days}} = info;

以及我如何使用它

<BookingHeader tourId={tourId} title={title} startLocation={startLocation} endLocation={endLocation} days={days}/>

我想给被破坏的对象(bookingHeaderProps(起一个名字，所以理想情况下我像这样使用它

<BookingHeader {...bookingHeaderProps}/>

有人知道如何为被破坏的对象命名吗？

Answer 1

您很可能不需要名称，只需使用"{...this.props}"，但如果你确实想命名它，那么你总是可以自己重建对象并将其作为道具传递。

Answer 2

当你解构时

const { a, b } = c;

你不会得到可以命名的"一个对象"。相反，您创建了两个局部变量，a和b，它们现在是分开的。您可以再次将它们组合为组合(和命名(对象的键，如下所示：

const bookingHeaderProps = { tourId, title, startLocation, endLocation, days };

，然后使用

<BookingHeader {...bookingHeaderProps} />

上述步骤依赖于速记属性名称 (ES2015(，因此也必须支持该名称。