如何在reason-react组件中添加版权符号？

Question

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

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

但这并没有给我©符号。

Answer 1

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

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

// Since ReasonReact 0.7.0 you can use
let copy = React.string({js|\u00a9|js});

或者甚至更短：

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

也可以直接使用unicode字符，只要整个工具链都正确支持它：

let copy = React.string({js|©|js});

然后，对于这两种方法中的任何一种，现在都可以这样做：

<span> {copy} </span>

Answer 2

简单地说：©如果你不放，它将不会工作

Answer 3

如果你在做这样的HTML实体，你必须像这样使用dangerouslySetInnerHTML属性：

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