Equivalent dangerouslySetInnerHTML?

I’m having trouble using UTF-8 entities in <Text> elements. For example, the following will work as expected:

<Text>&#174;</Text>

But this will not:

var txt = '®';
return <Text>{txt}</Text>

I’m assuming it’s because variables get escaped at some point - is there an equivalent dangerouslySetInnerHTML for Text components?

[nicklockwood]

We don’t use HTML for rich text on the native side at all. I suspect (although I’m not 100% sure) that the reason the first example works is that the JSX parser converts the entity into the equivalent unicode character.

So to make the second example work, you should probably use JavaScript-style unicode escaping instead of XML/HTML-style escaping - i.e.

var txt = '\u00AE';
return <Text>{txt}</Text>

[ericyang89]

I meet the same problem，any one have solution？