傳播運算符無法在React Typescript中使用

Question

我正在使用React +打字稿，遇到有關渲染組件的問題。

這是我嘗試過的代碼

filterCellComponent = ({ column, ...restProps }) => (
        <TableFilterRow.Cell
            column={column}
            {...restProps} />
    );

在以上方法中，我使用{column}變量執行某些條件，然后使用{... restProps}進行渲染。 但是我遇到語法錯誤，說缺少一些道具。 但是，當我調試時，所需的所有道具都在{... restProps}變量內。 我不明白為什么會這樣。

這是顯示錯誤的圖像：

這是我收到的錯誤消息

知道為什么會這樣嗎？

謝謝

Answer 1

看來typescript無法確定column的類型。 嘗試像下面這樣在函數簽名中指定類型：

filterCellComponent = ({column, ...restProps}:InsertTypeHere) => (

為了澄清，問題在於filterCellComponent現在可以接受任何具有列屬性的對象。 但是TableFilterRow.Cell希望column為特定類型。