反应本地货币符号不从变量打印

Question

我想从其货币代码中打印货币符号。
但是它不能通过变量工作。

我的代码：-

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

输出：-

如果输入静态货币代码，则它可以工作，但不能通过变量工作。

  

如何从变量中打印货币符号？

Answer 1

This similar question解释了所有可用的选项。由于dangerouslySetInnerHTML在React Native中不适用，因此只有两个。

HTML实体可以被特定地解码，例如与html-entities：

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

...

{htmlEntities.decode(htmlString)}

可以通过不首先存储HTML实体来避免此问题。货币符号是有效的Unicode字符，可以这样存储：

var currencyCode = "€"; // €

Answer 2

认为您应该使用this tutorial

中所示的未编码符号