传播运算符无法在React Typescript中工作

Question

我正在使用React +打字稿，遇到与渲染组件有关的问题。

这是我尝试过的代码

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

在上述方法中，我使用{column}变量执行某些条件，然后使用{... restProps}进行渲染。但是我遇到语法错误，说缺少一些道具。但是，当我调试时，所需的所有道具都在{... restProps}变量内。我不明白为什么会这样。

这是显示错误的图像：

这是我收到的错误消息

为什么会这样？

谢谢

Answer 1

似乎打字稿无法确定column的类型。尝试像下面这样在函数签名中指定类型：

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

为了澄清，问题在于filterCellComponent现在接受具有列属性的任何对象。但是TableFilterRow.Cell希望column是特定类型。