如何使用 ReasonReact 显示表情符号？答案

【问题标题】：How to display emojis with ReasonReact?如何使用 ReasonReact 显示表情符号？
【发布时间】：2019-07-05 20:40:05
【问题描述】：

有没有用 ReasonReact 插入表情符号的简单方法？

在 ReactJS 中，您可以简单地输入表情符号并按预期呈现，但在 Reason 中似乎并非如此。

如果你试试这个：

<span role="img" ariaHidden=true> {React.string("????")} </span>

它编译为：

React.createElement("span", {
                  "aria-hidden": true,
                  role: "img"
                }, "\xf0\x9f\x92\xa9")

呈现为：

ð©

对表情符号进行编码以便 ReasonReact 可以按预期显示它们的最佳方式是什么？

this question 的答案解释了如何插入 unicode，但我感兴趣的是如何直接键入字符而不查找每个字符的 unicode。

【问题讨论】：

How to add a copyright symbol in reason-react component?的可能重复
@glennsl 这非常相似，尽管我宁愿不必查找每个表情符号的 unicode。这里的答案可以让你直接输入字符，这正是我所需要的。不过，同样的答案也适用于版权符号问题。
表情符号是 unicode。是一样的，只是符号不同。更新旧答案以显示直接使用 unicode 字符的可能性是个好主意。

【解决方案1】：

BuckleScript 为 unicode 字符串提供了一种特殊的语法。您需要使用 {j| |j} 而不是引号。

试试这个

<span role="img" ariaHidden=true> {React.string({j|?|j})} </span>

这是因为 OCaml 处理字符串的方式

【讨论】：