Как добавить модификатор к имени рутового блока?

[fliptheweb]

const classNames = clssnms('wtf')
<div className={classNames({'--wtf-mod': true})}></div>

[nikitabulatov]

К сожалению, только с помощью шаблонных строк. Вот так:

const classNames = clssnms('wtf')
<div className={classNames(null, {'$block ': true, '--wtf-mod': true})}></div>
// or classNames(null, {'$block --wtf-mod': true})

Не суперкруто, но пока не придумал как это сделать по-изящнее. Открыт к предложениям по этому поводу 🙂
Но не стоит недооценивать проброс таких шаблонных переменных, так как это даёт очень много гибкости и с ними можно реализовать вообще что угодно.

[fliptheweb]

А в каких случаях еще используется null в первом аргументе?
Может если передан null, то понятно что это именно этот блок? :)

[nikitabulatov]

🤔 Разумно

[nikitabulatov]

Хотя.. Возможно есть кейсы когда нужно рулить модификаторами без блока и элемента. Но я у нас по проекту погрепал, там таких кейсов нет. Спорно. Как ты считаешь @fliptheweb ?

[fliptheweb]

Ну если рили bem-convention, то такое невозможно по идее :)

[nikitabulatov]

Справедливо. Тогда вот тут будет сделано #2