Напиши тип Senior Утилитарные типы обновлено

Пропсы чужого компонента

Вопрос

Достань тип пропсов компонента Button, не экспортируя его отдельно.

type ButtonProps = /* ? */;

Попробуйте сами

Напишите тип, как написали бы в коде.

Показать ответ и разбор

Коротко

Правильный тип: React.ComponentProps<typeof Button>. Ответ Почему так ComponentProps<typeof X позволяет расширять чужой компонент, не дублируя его пропсы.

Правильный тип

React.ComponentProps<typeof Button>

Разбор

Ответ

React.ComponentProps<typeof Button>

Почему так

ComponentProps<typeof X> позволяет расширять чужой компонент, не дублируя его пропсы. Для элементов DOM - ComponentProps<'button'>, туда входят все нативные атрибуты.

Ответьте сами, а не прочитайте

В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.