¿Cómo declarar un arreglo de objetos de diferentes tipos en TypeScript?

Tengo un arreglo con elementos que representan un formulario HTML de tipos TextInput, DateInput, Checkbox y así sucesivamente.

¿Cómo declaro un tipo de variable como un arreglo de elementos que pueden ser de cualquiera de estos tipos?

Algo así

(TextInput | DateInput | Checkbox)[]

Respuesta #1

Puedes hacer:

let myArray: Array<TextInput | DateInput | Checkbox> = [];

Y también puedes hacer:

type MyArrayTypes = TextInput | DateInput | Checkbox;
let myArray: MyArrayTypes[] = [];

Estas dos formas de definir arreglos son equivalentes:

let a: number[] = [];
// is just like:
let b: Array<number> = [];

Pero a veces la segunda manera encaja mejor, como en tu caso.