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

Question

我是推理反应的新手。我正在尝试将版权符号放在反应原因组件中。我试过了

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

但这并没有给我©符号。

Answer 1

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

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

Answer 2

也可以只使用 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 3

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

Answer 4

要使用复制符号，您只需写下这个“©”

确保完全按照那样写。