有两个变量像。
this.state={Amount=50, CurrencySymbol="₹"}
文本输入渲染
<TextInput value={this.state.CurrencySymbol + " " + this.state.Amount.toString()} editable={false}></TextInput>
但货币符号未显示。
有没有办法在 TextInput 中动态打印货币符号
您以错误的方式分配状态值。这应该是这样的:
this.state = {
Amount: 50,
CurrencySymbol: "\u0024"
}
\u20B9
用于卢比。\u0024
用于美元。并且TAmount
在您的州中没有指定的州。你写的this.state.TAmount.toString()
。应该是this.state.Amount.toString()
。
<TextInput value={this.state.CurrencySymbol + " " + this.state.Amount.toString()} editable={false}></TextInput>
更新
由于您有HTML
货币符号,因此您可以通过这种方式将其保存到您的状态中:
this.state = {
Amount: 50,
CurrencySymbol: "₹",
CurrencySymbols: {
"₹": "\u20B9",
"€": "\u20AC",
"$": "\u0024"
}
}
// Then use it on like this
<TextInput value={this.state.CurrencySymbols[this.state.CurrencySymbol] + " " + this.state.Amount.toString()} editable={false}></TextInput>
我猜这可能是您解决问题的最简单方法。
您不能使用HTML
在除本土的反应类似的符号react-native-webview
。
就是这样。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句