Стили styled components. мне нужно стилизовать SubtitleComponent его код: const SubtitleComponent =

Question

Стили styled components. мне нужно стилизовать SubtitleComponent его код: const SubtitleComponent =

({
align,
children,
}) => (
<SubTitle align={align}>
{titleSerializer(children)}
</SubTitle>
);

export default SubtitleComponent;
пробовал так
import SubtitleComponent from "components/SubtitleComponent";
const StyledSubtitleComponent = th(styled(SubtitleComponent)`
color: red;
`);
, но так не работает. как быть?

#frontend #javascript #programming #react.js #russian

0

05.08.2021

10 ответов

6 просмотров

Борис Миролюбов Автор вопроса

это наши заморочки. обертка некая. можно не обращать внимания.

0

05.08.2021

Andrew L

// The Button from the last section without the interpolations const Button = styled.button` color: palevioletred; font-size: 1em; margin: 1em; padding: 0.25em 1em; border: 2px solid palevioletred; border-radius: 3px; `; // A new component based on Button, but with some override styles const TomatoButton = styled(Button)` color: tomato; border-color: tomato; `; render( <div> <Button>Normal Button</Button> <TomatoButton>Tomato Button</TomatoButton> </div> );

0

05.08.2021

Andrew L

Это из доки 100% рабочий пример

0

05.08.2021

Борис Миролюбов Автор вопроса

так а мой SubtitleComponent так нельзя? я только учусь, думал так можно

0

05.08.2021

rnamod1

А что ты конкретно хочешь стилизовать? Вот пример из доки https://styled-components.com/docs/basics#styling-any-component