Как добавить собственное имя класса в React Hook?

Question

Я пытаюсь добавить настраиваемое имя класса в компонент ReactJs Hooks. Пожалуйста, найдите код ниже.

<i className='owf owf-200'></i>

Итак, в основном мне нужна переменная let num = 200, которая меняет мое целое число. Мой код будет выглядеть так:

<i className={owf owf-${200}}></i>

Кто-нибудь может найти решение? потому что это не компонент с отслеживанием состояния, поэтому здесь у меня возникают трудности.

Спасибо за время

Answer 1

Используйте строки шаблона (обратные тики)

let num = 200
<i className={`owf owf-${num}`}/>