如何使用 Unicode 和 React 顯示 Fontawesome 圖標？

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將數字轉換為字符串。