如何使用ReasonReact显示表情符号?

Joh*_*ohn 3 unicode reason bucklescript reason-react

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

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

如果您尝试这样做:

<span role="img" ariaHidden=true> {React.string("")} </span>
Run Code Online (Sandbox Code Playgroud)

它编译为:

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

呈现为:

ð©

编码表情符号的最佳方法是什么,以便ReasonReact可以按预期显示它们?

这个问题的答案说明了如何插入unicode,但是我对如何直接键入字符而无需查找每个unicode感兴趣。

小智 5

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

试试这个

<span role="img" ariaHidden=true> {React.string({j||j})} </span>
Run Code Online (Sandbox Code Playgroud)

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