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

Posted 2021-05-05

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

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

但这并没有给我©符号。

答案

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

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

甚至更短：

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

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

<span> {copy} </span>

另一答案

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

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