How to connect special symbols like   ¥ in react-native

Question

I want connect a string use " ` " , and wish " & yen; " will show as "¥", the code like below :

let str=`${period} per (money：¥${money})`

but did not work for me ,

by the way,I write it use react-native

Answer 1

To parse HTML Entities you can use the npm module html-entities .

Here is a working example:

import { Html5Entities } from 'html-entities'; 

render() {
    const entities = new Html5Entities();
    return (
      <SafeAreaView style={styles.container}>
        <View>
        <Text> {entities.decode('&yen')} </Text>
        </View>
      </SafeAreaView>
    );
  }

Output:

Answer 2

you can use javascript native method like

let formattedMoney = new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(money);
let str=`${period} per (money：${formattedMoney})`