Javascript 如何给被破坏的对象命名?
这是我的密码:Javascript 如何给被破坏的对象命名?,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,这是我的密码: const { tourId, title, startLocation,endLocation, details: {days}} = info; 我是如何使用它的 <BookingHeader tourId={tourId} title={title} startLocation={startLocation} endLocation={endLocation} days={days}/> 我想给被破坏的对象(bookingHeaderProps)起个
const { tourId, title, startLocation,endLocation, details: {days}} = info;
我是如何使用它的
<BookingHeader tourId={tourId} title={title} startLocation={startLocation} endLocation={endLocation} days={days}/>
我想给被破坏的对象(bookingHeaderProps)起个名字,所以理想情况下我会像这样使用它
<BookingHeader {...bookingHeaderProps}/>
有人知道如何给被破坏的对象命名吗?你很可能不需要名字,只需使用“{…this.props}”,但如果你确实想命名它,那么你可以自己重建对象并将其作为道具传递。当你破坏结构时
const { a, b } = c;
你不能得到一个你可以命名的对象。您创建了两个局部变量,a
和b
,它们现在是分开的。可以将它们组合为组合(和命名)对象的键,如下所示:
const bookingHeaderProps = { tourId, title, startLocation, endLocation, days };
然后使用
<BookingHeader {...bookingHeaderProps} />
上述步骤依赖于,因此也必须支持。解构根本不创建对象,而是创建一组变量。如果要传递对象,您必须手动执行此操作。如果要从对象中拾取或忽略某些属性,可以定义相应的帮助器,或使用
pick
和lodash
中的和ommit
函数。原因是info对象有很多属性,我不想传递我不想使用的额外属性。