包裹在大括號內的反應組件道具？

Question

我有一個組件定義為：

type myType = anotherType<weirdType1, weirdType2, weirdType3>;

function weirdComponent({q}: myType)

它被稱為： <weirdComponent {...myVar} /> ，其中myVar是myType的一個實例。

• 什么{q}在奇怪的組件 function 簽名中是什么意思

• {...myVar}做什么？

• myType是什么類型？

Answer 1

什么 {q} 在奇怪的組件 function 簽名中是什么意思

它的參數解構。

{...myVar} 做什么？

其傳播屬性

myType 是什么類型？

它的anotherType<weirdType1, weirdType2, weirdType3>; . 您可以通過 hover 查看詳細信息。