在React UTF-8中渲染表情符号

Question

我试图在React中将从我的API接收到的表情符号显示到WordCloud中。 接收到的字符采用Unicode，将被转换为utf-8格式，但不显示相关的表情符号，而仅显示字符。

这是我的代码框：

https://codesandbox.io/s/w286zyknrl?fontsize=14

感谢的帮助

Answer 1

REST API的响应如下：

[
   {
      "name":"\u00f0\u0178\u02dc\u201a",
      "weight":1814
   },
   {
      "name":"\u00f0\u0178\u2122\u008f",
      "weight":1615
   },
   ...

它不包含任何表情符号。如果对第一个字符串\u00f0\u0178\u02dc\u201a进行了解码，则结果为ðŸ〜，正好是显示的内容。

修复REST服务。它以无效格式或使用无效的JSON编码/转义方式存储表情符号。