reactjs - 流中的联合数组类型

Question

我有以下类型:

type formElement = {
  name: string,
  dirty: boolean,
  valid: boolean,
  Errors: Array<inputErrorType>,
  Children: Array<inputElement> | Array<formElement>
}

type inputElement = {
  name: string,
  value: string,
  dirty: boolean,
  valid: boolean,
  Errors: Array<inputErrorType>
};

然后我想声明一个这些类型的对象。

var topForm: formElement = {
  name: "MainForm",
  type: "Form",
  dirty: false,
  valid: true,
  Errors: [],
  Children: [
     { 
      name: "First",
      value: "test",
      dirty: true,
      valid: true,
      Errors: []
    }
  ]
}

我收到一条错误消息:

Could not decide which case to select union type

显然，由于我缺少“Children”属性，因此数组中的项目应该是 inputElement。

Answer 1

Children: Array<inputElement> | Array<formElement>

我需要更改为

 Children: Array<inputElement | formElement>

因此，数组可以同时具有 inputElement 或 formElement，而不是其中之一。