如何使用 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 很感兴趣。

Answer 1

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

而不是引号

试试这个

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

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

How to display emojis with ReasonReact?