Newbie to React.js無法確定正確的Typescript接口

Question

我是trying this react example，我已將它放入Visual Studio Code IDE中。我已經將這個文件命名爲table.tsx。來自react的示例不包含我在下面提到的任何接口定義。

我不得不添加仿製藥（通過接口DEFS）到React.Component類的聲明。 React.Component現在需要這個。這部分似乎工作。現在我遇到了其他參數的問題，如下所示...

colSpan下面有一條紅線，因爲它不喜歡字符串參數？其他紅線很可能是一個問題，因爲我沒有正確設置道具界面？

任何洞察力是讚賞。

Answer 1

這裏有幾個問題。至於你提到的colSpan預計是數字，而不是一個字符串，因此它需要看起來像這樣：

<th colSpan={2}> 

你也宣告props.product是一個數組，所以this.props.category並沒有真正做一個很多意義。你可能想什麼是你想要的類別本身傳遞給ProductCategoryRow組件類似this.props[0].category，但更可能是：

class ProductCategoryRow extends React.Component<{category:string},any> 

你一般不希望通過同樣的道具塑造您的所有組件。你的ProductCategoryRow應該有不同於你的ProductRow的道具。