0

У меня возник вопрос. Если в БЭМ мы можем сделать блок как блок и как элемент задав в классе что то типа этого:

<div class="block_elem newBlock"></div>

То как можно это перенести на компоненту React?

<NewBlock /> 

Он по сути уже является блоком, но как его сделать одновременно элементом, что бы давать отступы не блоку , а элементу. При этом использовать css-modules.

Я пришёл к выводу что приходится оборачивать компоненту ещё одним слоем...

<div calss="block_elem"><NewBlock /></div>
4
  • <NewBlock /> вероятно возвращает какой-то jsx, так почему бы не навешивать классы на элементы, которые внутри <NewBlock /> ?
    – 로마 인
    30 янв 2021 в 20:04
  • Так я ж написал, что используя css modules, а там каждый css имеет свою локальную область, и подключать css модуль одного блока к другому не имеет смысла.
    – DeViS13
    30 янв 2021 в 21:28
  • а что мешает создать отдельный css-модуль для <NewBlock />?
    – 로마 인
    30 янв 2021 в 22:05
  • Ещё раз объясняю, у меня есть блок, у него ЕСТЬ модуль, я хочу сделать так, что бы он не влиял на окружение, а для этого нужно навешивать стили снаружи компонента
    – DeViS13
    31 янв 2021 в 5:44

1 ответ 1

0

Я пришел к логическому выводу, что можно же передать компоненте props :

<NewBlock className={style.property} />

И записать его в класс в самой реализации :

function NewBlock(props) {
  <div className={style.property + " " + props.className}></div>
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.