Итак, у меня есть много компонентов Shape: например, <Rectangle />
, <Circle />
, <Triangle />
.
Теперь в моем App.tsx
я хотел бы иметь возможность отображать список различных форм, поэтому Мне нужно определить этот список как состояние, но какой будет тип этого списка?
Должен ли я создать интерфейс Shape
над ними, чтобы иметь возможность использовать полиморфизм? Я думал о чем-то вроде этого:
interface Shape {
id_timestamp: number;
description: string;
shape: Rectangle | Circle | ...; // should be "type of shape instead?" since right now it's not pure polymorphism
}
И как бы я создал состояние, когда определился с интерфейсом Shape?
Я подумал о создании кнопки для каждого компонента, например " Создать прямоугольник "и" Создать круг ", а затем выполнить переключение регистра в функции и затем создать компонент, есть ли лучший способ?