Точка останова мультимедиа служебного класса Tailwind не работает с динамическими классами, основанными на реквизитах. ⇐ CSS

[Anonymous]

Проблема
Я работаю над проектом с использованием Tailwind CSS и хочу динамически добавлять адаптивные классы к своим элементам в зависимости от определенных условий. Однако у меня возникли проблемы с тем, чтобы заставить его работать. Вот что я пытаюсь сделать:

Код: Выделить всё

const Component = ({config}: {config?: string}) => {
return (
//the config should be something like "col-span-2"

Box

)
}

Вместо этого я попытался изменить конфигурацию на «sm:col-span-2», но это все равно не работает, имя класса также отображается в мой браузер. Я думаю, это связано с тем, как Tailwind обрабатывает служебный класс. Есть идеи, как заставить это работать? Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/786 ... sses-based