JSX 表情符号到字符串

Question

我正在为基于 JSX React 的应用程序添加表情符号支持。

我有两种可能的选择：

使用#1​​p>

  const stringFromUTF16 = (charCodes) => { return "\uD83D\uDC6E" };
  const EMOJI_UTF16 = {
    "police_officer": [0xD83D, 0xDC6E]
  }
  const EMOJI = _.mapValues(EMOJI_UTF16, stringFromUTF16);

或#2

  const EMOJI = {
    "police_officer": "\uD83D\uDC6E"
  }

在这两种情况下EMOJI.police_officer = ????

在网上搜索，每个人都推荐#1，但选项#2 似乎要简单得多。

#2 有什么缺点吗？

Answer 1

嗯，第一个示例除了返回 {police_officer : "\uD83D\uDC6E"}（查看您的 stringFromUTF16 函数）之外什么都不做，所以在您的情况下它们是相似的。

JSX 翻译器将正确理解 unicode 代码甚至 unicode 符号 (https://facebook.github.io/react/docs/jsx-gotchas.html)，因此您无需使用任何转换函数或技巧。

如果你使用 ES6 翻译器，你也绝对不需要像 lodash 或下划线这样的东西。