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