Как добавить не один класс, а несколько?

Question

[towncitybr]

файл tsx
<div className={st.info_item }></div>

Comments

[0xD34F]

Правильно понимаю, что вы не в курсе, как строки склеивать? Слово такое забудьте - react, и бегом js осваивать.

[towncitybr]

0xD34F, так мне только для верстки нужно. Или не важно?

Answer 1

[Alexandroppolus]

https://www.npmjs.com/package/classnames

Answer 2

[deantek]

<div className={`${st.info_item} ${st.new_class}` }></div>

Comments

[towncitybr]

deantek, пишу так - ошибка

<div className={`${st.info_item} ${st.info_item--content}` }></div>

[deantek]

какая именно ошибка?

[towncitybr]

deantek, ./src/presentation/view/dashboard/Dashboard.tsx
SyntaxError: C:\Users\lenovo\Documents\GitHub\project\src\presentation\view\dashboard\Dashboard.tsx: Unexpected token, expected "}" (16:61)

[deantek]

towncitybr, ты классы ставишь через дефис, там так нельзя, убери дефисы и все заработает

ибо ты стили импортируешь примерно так, я думаю:
import st from './styles.scss'

[towncitybr]

про стили да
а что нужно сделать, чтобы можно было?
другой подход?

[deantek]

towncitybr, st['info_item--content'] можешь так, это же объект