react native currency symbol not printing from variable

Question

I want to print currency symbol from its currency code.
but it not working from variable.

My Code:-

render() {
  var currencyCode = "$"
  return (
      <View>
        <Text>{currencyCode}</Text>
        <Text>&#36;</Text>
      </View>
  )
}

Output:-

if enter static currency code so it is working but not working from variable.

How to print currency symbol from variable?

Answer 1

This similar question explains all available options. Since dangerouslySetInnerHTML is inapplicable in React Native, there are only two of them.

HTML entities can be specifically decoded, e.g. with html-entities:

import { Html5Entities } from 'html-entities';
const htmlEntities = new Html5Entities();

...

{htmlEntities.decode(htmlString)}

The problem can be avoided by not storing HTML entities in the first place if possible. Currency symbols are valid Unicode characters and can be stored as such:

var currencyCode = "€"; // €

Answer 2

Think you should use unicoded symbols as shown in this tutorial