如何將 object 的數組傳遞給組件，類型 x 不可分配給類型“IntrinsicAttributes & x”

Question

數組類型看起來像MyType: {name: string, age: number}[] ，組件中的道具類型相同

<Content data={arrOfObj} /> // warning

const Content: React.FC<MyType> = (data) => {...}

如何正確地將其傳遞給組件？ 而且我也認為組件中的道具類型實際上不等於MyType。 要訪問數據，您需要編寫以下data.data ，但是由於 ts 認為 data 是一個數組，所以不能這樣寫

Answer 1

這可能是你想要的

<Content data={arrOfObj} /> // warning

const Content: React.FC<{ data: MyType }> = ({ data }) => {...}