在带有flowtype的React中，我如何只键入某些道具并允许其他任何道具

Question

我正在以形式进行输入，并希望为我的输入组件键入某些道具，但允许其他任何类型都输入而无需键入它们-就像输入字段的所有属性一样。

我真的需要为所有这些对象创建一个类型吗？

Answer 1

流支持亚型多态性。 因此，如果您定义这样的类型

type Foo = {
  a: number,
  b: string,
}

至少具有这些字段的任何对象都将是有效的Foo ：

let foo: Foo = { 
    a: 0,
    b: "hello",
    c: false // this is ok
}

但是，如果您实际上需要访问这些字段，则应将它们作为类型的一部分。

Answer 2

您可以定义自定义道具+任何输入道具的交集类型：

type Props = {
  foo: string,
  bar: number,
} & $Shape<HTMLInputElement>

$上面使用的形状 ：

复制提供的类型的形状，但将每个字段都标记为可选。