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

bon*_*ury 4 unicode html-entities reason bucklescript reason-react

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

<span >(ReasonReact.stringToElement("&copy;"))</span>
Run Code Online (Sandbox Code Playgroud)

但这并没有给我©符号.

gle*_*nsl 7

使用unicode字符也是可能的,通常也更简单:

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

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

甚至更短:

let copy = [%raw {|'\u00a9'|}];
Run Code Online (Sandbox Code Playgroud)

然后,对于其中任何一个,您现在可以:

let copy = React.string({js|©|js});
Run Code Online (Sandbox Code Playgroud)


Nei*_*ner 6

如果您正在使用这样的HTML实体,则必须使用如下dangerouslySetInnerHTML属性:

<span dangerouslySetInnerHTML={{ "__html": "&copy;" }} />
Run Code Online (Sandbox Code Playgroud)


小智 6

简单地说:&copy; 如果你不放; 不起作用