破壊されたオブジェクトに名前を付けるには？ここ

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}"という名前は必要ありませんが、名前を付けたい場合は、自分でオブジェクトを再構築し、それを小道具として渡すことができます。あなたは

const { a, b } = c; 

をdestructureとき

Answer 2

あなたが名前を付けることができます»1つのオブジェクト«を得ることはありません。代わりにという2つのローカル変数を作成しました。aとbは、今度はとなります。です。

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

をして、それは同様にサポートする必要があるので、上記のステップは、short-hand property names (ES2015)に依存している

<BookingHeader {...bookingHeaderProps} /> 

を使用する：あなたはこのよう再び組み合わせ（と命名）オブジェクトのキーとしてそれらを組み合わせることができます。