Как переопределить класс внешнего модуля с помощью шаблона модуля css в реакции - PullRequest
Новая
       60

Как переопределить класс внешнего модуля с помощью шаблона модуля css в реакции

0 голосов
/ 16 марта 2020

Я хочу переопределить внешний модуль css класс локально для компонента

In my code

import `style` from './style.module.css' // this is local css module 
import `ExternalComponent` from 'ExternalComponent' // suppose this is external module i'm using 

    function Component(){
        return(
               <ExternalComponent/>
             )
    }

Теперь ExternalComponent отображает элемент div с классом parent. Поэтому, если я импортирую ExternalComponent, как я могу переопределить класс parent для ExternalComponent в моем локально импортированном модуле style, чтобы стиль в ExternalComponent менялся только для этого компонента, а в другом месте, где я ' м, это не меняет.

я использую реагирую кстати.

1 Ответ

0 голосов
/ 16 марта 2020

style.module. css

.whatever-name-scope {
  :global {
    .parent {
      // override here
    }
  }
}

Тогда ваш jsx выходит: 

function Component(){
  return (<div className={style.whateverNameScope}>
    <ExternalComponent/>
  </div>)
}
...