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

时间:2019-07-05 20:40:05

标签: unicode reason bucklescript reason-react

是否可以使用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感兴趣。

1 个答案:

答案 0 :(得分:4)

BuckleScript为unicode字符串提供了一种特殊的语法,您无需使用引号{j| j|}

试试看

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

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