javascript - 如何创建具有现有类型的所有属性但可选的新流类型

Question

我有一个 State 类型，其中所有字段都是必需的:

type State = {
  title: string,
  items: [],
  isActive: boolean,
};

我需要创建一个所有属性都与 State 相同但不是必需的新类型:

type StateUpdater = {
  title?: string,
  items?: [],
  isActive?: boolean,
};

// ({title: 'hello'}: State) — INVALID
// ({title: 'hello'}: StateUpdater) — OK

我怎样才能像下面的 Flow 伪代码一样实现它？

type StateUpdater = State.mapKeyValue(() => typeKey?: typeValue)

Answer 1

您可以使用 $Shape效用:

type State = {
  title: string,
  items: [],
  isActive: boolean,
};

type StateUpdater = $Shape<State>;

$Shape Copies the shape of the type supplied, but marks every field optional.