Компоненты в стиле с типом возвращаемого значения Typescript

Question

У меня есть такой компонент:

class Foo extends React.Component<SkeletonProps, any> { ... }

Когда я использую его со стилевыми компонентами, такими как:

const StyledFoo = styled(Foo)`height: 100px`

Тип StyledFoo - любой (т. Е. Без указания c типы реквизита), как я могу заставить StyledFoo сохранить SkeletonProps в качестве реквизита?

Answer 1

Используйте формат: styled.Component<Props>

import styled from 'styled-components';

const StyledFoo = styled.Foo<SkeletonProps>`height: 100px`

---

См .: документ styleled-компонент с машинописью