如何为破坏对象命名？

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

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

Answer 2

当你解构时

const { a, b } = c;

你没有得到一个你可以命名的“对象”。您改为创建两个局部变量，a和b现在分开。您可以将它们组合为组合（和命名）对象的键，如下所示：

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

然后使用

<BookingHeader {...bookingHeaderProps} />

上述步骤依赖short-hand property names (ES2015)，因此也必须支持。