Перейти к содержимому
8 / 24

Как типизировать пропсы React-компонентов в TypeScript?

Пропсы типизируются через интерфейс или type alias, который передаётся как generic-параметр функционального компонента. Для children используй React.ReactNode, для компонентов, расширяющих HTML-элемент — ComponentPropsWithoutRef<'div'>. Не используй React.FC — он добавляет неявный children (в старых версиях) и мешает generics.

Как типизировать пропсы React-компонентов в TypeScript? | JScriptiser