Как сделать полиморфизм в React js и TypeScript - PullRequest
0 голосов
/ 14 апреля 2020

Итак, у меня есть много компонентов 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?

Я подумал о создании кнопки для каждого компонента, например " Создать прямоугольник "и" Создать круг ", а затем выполнить переключение регистра в функции и затем создать компонент, есть ли лучший способ?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...