如何在理性反应组件中添加版权符号？

Question

我是理性反应的新手。我正在尝试将版权符号放在react-reason组件中。我试过了

<span >(ReasonReact.stringToElement("&copy;"))</span>

但这并没有给我©符号。

Answer 1

使用unicode字符也是可能的，通常也更简单：

let copy = ReasonReact.stringToElement({js|\u00a9|js};

甚至更短：

let copy = [%raw {|'\u00a9'|}];

然后，对于其中任何一个，您现在可以：

<span> {copy} </span>

Answer 2

如果您正在使用这样的HTML实体，则必须使用dangerouslySetInnerHTML属性，如下所示：

<span dangerouslySetInnerHTML={{ "__html": "&copy;" }} />