unicode - 如何使用 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 可以按预期显示它们的最佳方式？

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

Answer 1

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

试试这个

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

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