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

时间:2019-04-16 07:35:59

标签: reactjs utf-8 word-cloud

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

enter image description here

这是我的代码框:

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

感谢的帮助

1 个答案:

答案 0 :(得分:0)

REST API的响应如下:

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

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

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