在帶有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>

$上面使用的形狀 ：

復制提供的類型的形狀，但將每個字段都標記為可選。