есть один компонент страницы, который собирает в себе другие компоненты, которые тоже независимы
и вот, допустим, мне их нужно как-то спозиционировать на этой странице с тем же гридом
но теперь мне нужно в этом гри контейнере спозиционировать конкретный элемент (независимый компонент) то есть прописать для него чтили, но ведь сделать это прям в стилях этого компонента я не могу, так как он не должен быть зависим от других, тем более в таком случае, на одной странице там я захочу чтобы он был слева, а на другой справа
то как мне поступить в этом случае, куда писать эти стили?
можно было это сделать типо так я думал
.aside {}
.page__aside {}
то есть в компоненте страницы отдельной прописать стили но этого я сделать не могу, ведь в этом независимом компоненте уже прописан свой className
это как по мне довольно частый кейс, думай решения этого довольно простое
я думал сдлеать так function Aside({ className }) { return <aside className={`aside ${className}`}>ASIDE</aside> } но это мне что получается для почти всех компонентов такое делать, чтобы они могли кастомные классы принимать?
Обсуждают сегодня