Я наткнулся на вопрос об обновлениях API Styled Component в версии 4:
withComponent, который был удобен в использовании, теперь устарел as является введенной альтернативой этому
Но, насколько я понял, as предназначен для использования на уровне шаблона JSX, тогда как withComponentбыл использован в объявлении компонента в стиле.
Итак, каков рекомендуемый рабочий процесс в следующих ситуациях:
const BaseComponent = styled.div`
color: red;
`;
const HeadingComponent = BaseComponent.withComponent('h4');
при условии, что мы используем <HeadingComponent /> в много из разных мест.
Будет ли это означать, что вместо наличия второго стилизованного компонента объявите компонент React с использованием <BaseComponent as="h4" /> и вместо повторного использования стилизованного компонента повторно используйте компонент React?
Так что перенесите использование withComponent на создание нового компонента React с использованием компонента базового стиля с атрибутом as?
Заранее спасибо,
Andreas