Почему я получаю стили из других .css файлов в React?

Question

[msdosx86]

<Switch>
         <Route exact path="/" component={Home} />
         <Route path="/search" component={Search} />
         <Route path="/playlist/:id" component={Playlist} />
</Switch>

у меня есть роутинг

У каждого компонента есть свой .css файл со стилями. В компоненте Search есть <div className="tag"></div> и класс 'tag' никак не стилизован в .css файле, в то же время точно такой же див есть в компоненте Playlist, но уже в .css этого компонента есть стили для класса 'tag', каким то чудесным образом я из компонента Search получаю стили из компонента Playlist. Расскажите в чём секрет и что делать, а то дико неудобно. Спасибо

Answer 1

[davidnum95]

Никаких БЭМов в реакте не нужно использовать. Используйте css modules.

Comments

[Антон Спирин]

Я бы порекомендовал посмотреть в сторону Styled Components, вместо css modules. В разы удобней в использовании.

[msdosx86]

Антон Спирин, посмотрел все три предложенных варианта, styled components показался довольно удобным и приятным, спасибо)