Как отображать иконки Fontawesome, используя Unicode и React?

Question

Я экспериментирую с React и хочу отобразить список значков Fontawesome.

У меня есть файл JSON, данные которого примерно такие:

{
  "icons": [
    {
      "name": "Glass",
      "id": "glass",
      "unicode": "f000",
      "created": 1,
      "filter": [
        "martini",
        "drink",
        "bar",
        "alcohol",
        "liquor"
      ],
      "categories": [
        "Web Application Icons"
      ]
    },
    etc

Я могу повторить это, вернуть и распечатать каждую точку данных, но не могу понять, как отображать действительные значки.

Я пытался использовать Unicode как таковой:

  return(
    <div>
      <ul>
        <li>
          <span>{data.name}</span>
          <i className="fa">{data.unicode}</i>
        </li>
      </ul>
    </div>
  )

Но он просто печатает значение Unicode.

Кто-нибудь знает, возможно ли отобразить иконку таким образом?

Answer 1

Сначала преобразуйте число в строку, позвонив String.fromCharCode.