У меня есть 2 компонента const PositionLoaderContainer = styled.div.attrs({ className:

Question

У меня есть 2 компонента const PositionLoaderContainer = styled.div.attrs({ className:

"widget-loader-container" })`
width: 100%;
height: 100%;
padding: ${({ isSmallHeight }) => (isSmallHeight ? "9% 25px 10px" : "50% 25px 10px")};
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

.loader {
position: unset;
transform: unset;
}
`;

const PositionMessageContainer = styled.div.attrs({ className: "widget-message-container" })`
width: 100%;
height: 100%;
padding: ${({ isSmallHeight }) => (isSmallHeight ? "10% 25px 10px" : "40% 25px 10px")};
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
`;
получилось много дублирования. а не подскажете как дублирование убрать?

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

0

04.05.2022

7 ответов

23 просмотра

Serega Mangushev

Илюша 🎂
можешь общие стили через styled > css вынести по т...

Ну либо общие стили установить, как тема и prop передавать, какая тема.

0

04.05.2022

Китикет Базёнка

Илюша 🎂
можешь общие стили через styled > css вынести по т...

орно что стайледы не умеют это выносить в отдельный класс и везде дублируется

0

04.05.2022

Илюша 🎂

Китикет Базёнка
орно что стайледы не умеют это выносить в отдельны...

а я хз как оно это потом обрабатывает, не пользуюсь этим чудом

0

04.05.2022

eden lane

Китикет Базёнка
орно что стайледы не умеют это выносить в отдельны...

можн сдеелать так: ```` const Common = styled.div` width: 100%; height: 100%; ` const A = styled(Common)` ... ` const B = styled(Common` ... ```

0

04.05.2022

Стас

Илюша 🎂
а я хз как оно это потом обрабатывает, не пользуюс...

Да, из того что использовал styled-components - наверно худшее. Хз как на этом чуде делать что-то больше чем todo....

0

04.05.2022

jabascripter

Стас
Да, из того что использовал styled-components - на...

а он и не нужен

0

04.05.2022

Илюша 🎂 · Accepted Answer

Илюша 🎂

можешь общие стили через styled > css вынести по типу const sharedStyles = css` width: 100%; height: 100%; `; const A = styled('div')` ${sharedStyles}; color: red; `;

0

04.05.2022

169 похожих чатов

У меня есть 2 компонента const PositionLoaderContainer = styled.div.attrs({ className:

7 ответов

Похожие вопросы