unicode - 如何在原因反应组件中添加版权符号？

Question

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

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

但这并没有给我 © 符号。

score 12 · Accepted Answer

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

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

score 11 · Accepted Answer

11

简单地说：© 如果你不放 ; 不起作用

于 2021-01-12T21:12:52.453 回答

score 9 · Accepted Answer

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

3 回答 3