TypeScript: Как превратить интерфейс полей с вложенными интерфейсами в объединение типов пересечения? ⇐ Html

[Anonymous]

Я пытаюсь построить компонент , который принимает переменную,-это атрибут для определения элемента, который отображается:

Код: Выделить всё

...

< /code>
Таким образом, чтобы подтвердить, что наводнирование у меня есть интерфейс стандартных элементов и их атрибуты, как SO: < /p>
interface IElements {
a: {href: string, ...};

button: {...};

...
}

Затем я создал тип утилиты, который генерирует соответствующее пересечение {is: Tag, ... атрибуты [Tag]} :

Код: Выделить всё

type IAttributes = {
is: K;
} & IElements[K];

const attributes: IAttributes = {
is: "a",

href: "..."
}

Поскольку я создаю компонент , который отображает каждый стандартный html-элемент, который я создал объединение, чтобы его входные свойства набрали изменение на основе is свойства:

Код: Выделить всё

type IProps = IAttributes | IAttributes;

Существует ли способ использования типографии через каждый тег HTML из IELENTEMS Использование iattributes , а не мне приходится набрать объединение каждого отдельного тега HTML? Поэтому я хотел бы, чтобы в этом случае было создано динамически, .


Подробнее здесь: https://stackoverflow.com/questions/755 ... to-a-union