unicode - 如何使用 ReasonReact 显示表情符号？

Question

有没有一种简单的方法可以使用 ReasonReact 插入表情符号？

在 ReactJS 中，您可以简单地键入 emoji 并按预期呈现，但在 Reason 中似乎并非如此。

如果你试试这个：

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

它编译为：

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

呈现为：

ð©

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

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

Answer 1

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

试试这个

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

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