Мне кажется мы не оч понимаем друг друга мой идеальный вариант

Question

Мне кажется мы не оч понимаем друг друга мой идеальный вариант

это определить какой-то baseClass скажем article

внутри стилей написать
.article {
&__text {color: red}
&__link {
color: blue
&__image { width: 50%}
}
}

внутри компонента
import style from "styles.scss

const article = () => {
return (
<div className={styles.article}>
<p className-"article__text"></p>
<a className="article__link">
<img className="article__link__image"/>
</a>
</div>
)
}

суть в том, что мне не хочется запихивать стили внутрь файла с логикой и шаблоном (css-in-js)
но и css-modules мне не подходят потому что у меня уже готовые стили с каскадом

как быть ?(

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

0

19.11.2019

2 ответов

12 просмотров

Aram Haaraziaan

Если хочешь перебить стили готового компонента, то либо css, либо css-in-js.

0

19.11.2019

Ilya Agarkov · Accepted Answer

Ilya Agarkov

это не иделальный вариант а какая то каша из подходов. В данном случае чтобы стили рабатали нормально нужно писать <div className={styles.article}> <p className={styles.article__text}></p> <a className={styles.article__link}> </a> </div>

0

19.11.2019

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

Мне кажется мы не оч понимаем друг друга мой идеальный вариант

2 ответов

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