Блог

Есть ли какой-либо способ написать обычный тип className в React с помощью модуля css. Например, я хочу написать className=»Foo Bar», избегая className{ ${foo} ${bar} модуля CSS.

className="Foo Bar" Когда вы проверяете элемент, вы можете заметить, что элементу присвоены классы Foo и Bar .

Способ работы модуля CSS, если вы присваиваете класс Foo любому элементу, вы можете проверить, был ли ему назначен класс, например, Foo_asd113d3__random_string .

Вот почему className="Foo Bar" не будет работать в модуле CSS

Может быть, это может быть агломерация в одном, например:

 const myClass = `${foo} ${bar}`;
 

и

 <div className={myClass} />
 

решение?

С другой стороны, если вы используете компонент style, вы должны вызывать такие классы, как

 const myClassStyle = styled.css`${foo} ${bar}`;
const myComponent = styled.div`${myClassStyle}`;

 

чтобы это работало