Браузер не отображает объект Font Awesome HTML, если он исходит из javascript - PullRequest
Новая
       100

Браузер не отображает объект Font Awesome HTML, если он исходит из javascript

2 голосов
/ 05 мая 2020

Я использую React и получаю Font Awesome Unicode из ответа API в виде строки "f445".

Я пытаюсь визуализировать Font Awesome динамически, поэтому я присвоение Unicode атрибута data-icon моему тегу HTML <i> вот так ... 

<i data-icon={`&#x${item.content.icon};`}></i>

А в CSS я делаю это ... 

i {
    &:before {
        content: attr(data-icon);
        font-family: "Font-Awesome";
    }
}

Однако это не работает, и браузер отображает его так: &#xf5d3;, но если я отправил код в виде строки stati c в data-icon, он работает нормально, и значок отображается в браузер ...

<i data-icon="&#xf5d3;"></i>

Как я могу решить эту проблему?

...