семантический пользовательский интерфейс реагирует на пример изображения src, не работающий с обратными чертами (`$ {myvalue}`)

Question

Я использую semantic-ui-реакции на стиль и показываю некоторые компоненты, и я застрял в следующей проблеме.Обычно я использую обратные метки и знаки доллара, чтобы использовать базовые значения моих переменных в ссылке или HTTP-адресе, но когда я пытаюсь использовать их в компоненте Item, это не работает.Он принимает только простые или двойные кавычки.Есть идеи, как я могу это сделать?Мне нужно динамически менять SRC изображения каждый раз, когда пользователь нажимает новую кнопку.

 <Item.Image src=`http://...../${this.state.card}`/>

Answer 1

да, это не сработает. правильный способ сделать это:

 <Item.Image src={`http://...../${this.state.card}`} />

Это потому, что `(обратные метки) работают только внутри Javascript: -)