How to add a copyright symbol in reason-react component?

Question

I’m new to reason-react. I’m trying to put a copyright symbol in a react-reason component. I've tried

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

but this doesn’t give me the © symbol.

Answer 1

Simply put: © if you don't put ; it will not work

Answer 2

If you're doing HTML entities like that you have to use the dangerouslySetInnerHTML attribute like so:

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

Answer 3

It's also possible, and usually simpler, to just use the unicode character:

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

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

Or even shorter:

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

It's also possible to use unicode characters directly, as long as the whole toolchain supports it properly:

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

Then for either of these you can now do:

<span> {copy} </span>

Answer 4

To use the use the copy symbol all you have to to is write this ' © '

make sure to write it exactly like that.