如何在ReasonReact中显示表情符号？

Question

有没有一个简单的方法在ReasonReact中插入表情符号？

在ReactJS中，您只需键入表情符号即可正常呈现，但在Reason中似乎并非如此。

如果尝试以下操作：

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

它编译成：

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

这将呈现为：

ð©

什么是在 ReasonReact 中编码表情符号以使其正常显示的最佳方法？

此问题 的答案解释了如何插入 Unicode，但我想知道如何直接键入字符而不用查找每个字符的 Unicode。

- user11305879

---

可能是如何在Reason-React组件中添加版权符号？的重复问题。 - glennsl

@glennsl 这很相似，但我不想每次都要查找每个表情符号的Unicode。这里的答案允许您直接输入字符，这正是我所需要的。对于版权符号的问题也适用于同样的答案。 - user11305879

表情符号是 Unicode。它们是同一件事，只是表示法不同。更新旧答案以显示直接使用 Unicode 字符的可能性是一个好主意。 - glennsl

Answer 1

BuckleScript提供了一种针对Unicode字符串的特殊语法。您需要使用{j| |j}替代引号。

请尝试使用这种语法。

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

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

- fakenickels