Я создал файл icon.js. Он экспортирует 3 компонента SVG в разные файлы. Так :
export const MenuIcon = () => {
return (
<svg>
...
</svg>
);
};
export const ArrowLeftIcon = () => {
return (
<svg>
...
</svg>
);
};
export const SearchIcon = () => {
return (
<svg>
...
</svg>
);
};
И я хотел бы применить одни и те же стили ко всем трем этим компонентам, используя стилизованные компоненты, не присваивая им одно и то же имя класса. Есть ли решение для этого? Спасибо :)
Я думаю, что следующие шаги могут помочь вам.
const StyledSvg = styled.svg` <---the html tag that you want to style
color: palevioletred; <---the css styles that you want to use
`;
return(
<StyledSvg>
...
</StyledSvg>
);